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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (168) hide show
  1. package/dist/Context/KitchenSinkComponentMapperContext.js +11 -3
  2. package/dist/Context/ViewportContext.js +27 -14
  3. package/dist/Context/withMapping.js +26 -15
  4. package/dist/components/AbbreviationAnnotation/index.js +49 -27
  5. package/dist/components/AbbreviationAnnotation/stories.js +37 -22
  6. package/dist/components/Accordion/AccordionItem/index.js +55 -36
  7. package/dist/components/Accordion/AccordionItemVariant/index.js +47 -25
  8. package/dist/components/Accordion/index.js +17 -10
  9. package/dist/components/Accordion/stories.js +38 -24
  10. package/dist/components/ApiAutocomplete/index.js +79 -51
  11. package/dist/components/ApiAutocomplete/stories.js +18 -9
  12. package/dist/components/Button/index.js +48 -33
  13. package/dist/components/Button/stories.js +31 -49
  14. package/dist/components/Button/stories.scss +7 -5
  15. package/dist/components/Cookie/Checkbox/index.js +23 -16
  16. package/dist/components/Cookie/index.js +146 -115
  17. package/dist/components/Cookie/stories.js +90 -40
  18. package/dist/components/Dialog/index.d.ts +38 -0
  19. package/dist/components/Dialog/index.js +63 -56
  20. package/dist/components/Dialog/stories.js +35 -18
  21. package/dist/components/FontSizeSwitcher/index.js +58 -32
  22. package/dist/components/FontSizeSwitcher/stories.js +23 -9
  23. package/dist/components/Form/Checkbox/index.js +43 -37
  24. package/dist/components/Form/Checkbox/stories.js +20 -11
  25. package/dist/components/Form/Checkboxes/index.js +62 -57
  26. package/dist/components/Form/Checkboxes/index.test.js +113 -62
  27. package/dist/components/Form/Checkboxes/stories.js +23 -12
  28. package/dist/components/Form/Date/index.js +13 -5
  29. package/dist/components/Form/Date/stories.js +18 -9
  30. package/dist/components/Form/DatePicker/index.js +40 -33
  31. package/dist/components/Form/DatePicker/stories.js +18 -9
  32. package/dist/components/Form/DateSelect/index.js +99 -62
  33. package/dist/components/Form/DateSelect/stories.js +32 -11
  34. package/dist/components/Form/Email/index.js +13 -5
  35. package/dist/components/Form/Email/stories.js +18 -9
  36. package/dist/components/Form/FormikWrapper/index.js +52 -45
  37. package/dist/components/Form/GenericFormElement/index.js +39 -34
  38. package/dist/components/Form/Number/index.js +23 -18
  39. package/dist/components/Form/Number/stories.js +18 -9
  40. package/dist/components/Form/RadioButtons/index.js +53 -49
  41. package/dist/components/Form/RadioButtons/index.test.js +106 -57
  42. package/dist/components/Form/RadioButtons/stories.js +23 -12
  43. package/dist/components/Form/SearchField/index.js +37 -30
  44. package/dist/components/Form/Select/Input/index.js +56 -49
  45. package/dist/components/Form/Select/index.js +33 -24
  46. package/dist/components/Form/Select/stories.js +25 -15
  47. package/dist/components/Form/TextField/index.js +39 -33
  48. package/dist/components/Form/TextField/index.test.js +104 -56
  49. package/dist/components/Form/TextField/stories.js +22 -11
  50. package/dist/components/Form/Textarea/index.js +35 -27
  51. package/dist/components/Form/Textarea/stories.js +18 -9
  52. package/dist/components/Hamburger/index.js +30 -19
  53. package/dist/components/Hamburger/stories.js +42 -16
  54. package/dist/components/Header/index.js +67 -39
  55. package/dist/components/Header/stories.js +48 -28
  56. package/dist/components/Image/Background/index.js +36 -21
  57. package/dist/components/Image/LazyLoadWrapper/index.js +101 -64
  58. package/dist/components/Image/Picture/index.js +83 -65
  59. package/dist/components/Image/index.js +21 -15
  60. package/dist/components/Image/stories.js +87 -64
  61. package/dist/components/InlineMenu/index.js +60 -38
  62. package/dist/components/InlineMenu/stories.js +66 -55
  63. package/dist/components/Layout/Container/index.js +29 -21
  64. package/dist/components/Layout/Container/stories.js +94 -84
  65. package/dist/components/Layout/QuickLayout/Auto/index.js +19 -12
  66. package/dist/components/Layout/QuickLayout/Center/index.js +17 -10
  67. package/dist/components/Layout/QuickLayout/Clamp/index.js +20 -13
  68. package/dist/components/Layout/QuickLayout/Sidebar/index.js +20 -13
  69. package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +20 -13
  70. package/dist/components/Layout/QuickLayout/Stack/index.js +21 -11
  71. package/dist/components/Layout/QuickLayout/Wrap/index.js +21 -14
  72. package/dist/components/Layout/QuickLayout/index.js +31 -21
  73. package/dist/components/Layout/QuickLayout/stories.js +102 -70
  74. package/dist/components/Lottie/LottieAnimation/index.js +55 -56
  75. package/dist/components/Lottie/LottieAnimationWithMousePosition.js +31 -18
  76. package/dist/components/Lottie/index.js +47 -35
  77. package/dist/components/Lottie/stories.js +56 -31
  78. package/dist/components/MagicLine/index.js +50 -27
  79. package/dist/components/MagicLine/stories.js +60 -46
  80. package/dist/components/NavigationScroll/index.js +71 -49
  81. package/dist/components/NavigationScroll/stories.js +19 -8
  82. package/dist/components/Pagination/index.js +49 -41
  83. package/dist/components/Pagination/stories.js +46 -17
  84. package/dist/components/SearchKit/Facets/ChipFacet/index.js +24 -16
  85. package/dist/components/SearchKit/Facets/ListFacet/index.js +23 -15
  86. package/dist/components/SearchKit/Facets/SelectFacet/index.js +39 -30
  87. package/dist/components/SearchKit/Query/index.js +41 -23
  88. package/dist/components/SearchKit/SearchFacets/index.js +36 -23
  89. package/dist/components/SearchKit/SearchField/index.js +49 -25
  90. package/dist/components/SearchKit/SearchLoadMore/index.js +22 -15
  91. package/dist/components/SearchKit/SearchPage/index.js +22 -14
  92. package/dist/components/SearchKit/SearchPagination/index.js +17 -10
  93. package/dist/components/SearchKit/SearchReset/index.js +25 -16
  94. package/dist/components/SearchKit/SearchResults/index.js +108 -59
  95. package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +17 -10
  96. package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +18 -11
  97. package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +18 -11
  98. package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +22 -12
  99. package/dist/components/SearchKit/SearchSelectedFilters/index.js +34 -28
  100. package/dist/components/SearchKit/SearchSorting/index.js +29 -19
  101. package/dist/components/SearchKit/index.js +72 -53
  102. package/dist/components/SearchKit/stories.js +144 -187
  103. package/dist/components/Share/index.js +48 -40
  104. package/dist/components/Share/stories.js +16 -5
  105. package/dist/components/Sliders/SliderRelated/index.js +32 -25
  106. package/dist/components/Sliders/SliderRelated/stories.js +75 -57
  107. package/dist/components/Webform/WebformActions/index.js +19 -13
  108. package/dist/components/Webform/WebformCheckbox/index.js +32 -24
  109. package/dist/components/Webform/WebformCheckboxes/index.js +37 -29
  110. package/dist/components/Webform/WebformContainer/index.js +17 -11
  111. package/dist/components/Webform/WebformDate/index.js +76 -48
  112. package/dist/components/Webform/WebformMapper/index.js +53 -38
  113. package/dist/components/Webform/WebformNumber/index.js +31 -22
  114. package/dist/components/Webform/WebformRadioButtons/index.js +37 -29
  115. package/dist/components/Webform/WebformSelect/index.js +37 -29
  116. package/dist/components/Webform/WebformTextField/index.js +34 -26
  117. package/dist/components/Webform/WebformTextarea/index.js +32 -24
  118. package/dist/components/Webform/WebformWizardPage/index.js +56 -43
  119. package/dist/components/Webform/index.js +42 -20
  120. package/dist/components/Webform/stories.actions.js +19 -8
  121. package/dist/components/Webform/stories.checkboxes.js +19 -8
  122. package/dist/components/Webform/stories.checked.js +20 -9
  123. package/dist/components/Webform/stories.container.js +19 -8
  124. package/dist/components/Webform/stories.date.js +19 -8
  125. package/dist/components/Webform/stories.filled.js +20 -9
  126. package/dist/components/Webform/stories.number.js +19 -8
  127. package/dist/components/Webform/stories.radiobuttons.js +19 -8
  128. package/dist/components/Webform/stories.select.js +19 -8
  129. package/dist/components/Webform/stories.textarea.js +19 -8
  130. package/dist/components/Webform/stories.textfield.js +19 -8
  131. package/dist/components/Webform/stories.wizard.js +19 -8
  132. package/dist/components/Webform/withStates.js +49 -28
  133. package/dist/components/WysiwygField/index.js +30 -20
  134. package/dist/components/WysiwygField/stories.js +39 -29
  135. package/dist/components/index.js +111 -15
  136. package/dist/config/constants.js +38 -18
  137. package/dist/config/i18next/index.js +19 -11
  138. package/dist/helpers/date.js +25 -5
  139. package/dist/helpers/gtm.js +27 -17
  140. package/dist/helpers/link.js +15 -6
  141. package/dist/helpers/useValueForCurrentViewPort.js +27 -10
  142. package/dist/hooks/useBoolean.d.ts +8 -0
  143. package/dist/hooks/useBoolean.js +38 -0
  144. package/dist/hooks/useClickOutside.d.ts +8 -0
  145. package/dist/hooks/useClickOutside.js +35 -0
  146. package/dist/hooks/useDialog.d.ts +10 -0
  147. package/dist/hooks/useDialog.js +39 -0
  148. package/dist/hooks/useDialogHelpers.d.ts +20 -0
  149. package/dist/hooks/{useDialogHelpers.ts → useDialogHelpers.js} +33 -43
  150. package/dist/hooks/useEscape.d.ts +6 -0
  151. package/dist/hooks/useEscape.js +24 -0
  152. package/dist/hooks/useOnScreen.js +27 -6
  153. package/dist/hooks/usePrevious.js +10 -4
  154. package/dist/hooks/useScrollPosition.js +25 -7
  155. package/dist/hooks/useTrapFocus.d.ts +10 -0
  156. package/dist/hooks/useTrapFocus.js +63 -0
  157. package/dist/hooks/useWindowDimensions.js +27 -11
  158. package/dist/index.js +398 -56
  159. package/dist/setupTests.js +9 -5
  160. package/dist/styles/assets/_base.scss +0 -3
  161. package/dist/styles/assets/_fonts.scss +17 -17
  162. package/dist/styles/assets/_icons.scss +2 -2
  163. package/package.json +6 -3
  164. package/dist/hooks/useBoolean.ts +0 -20
  165. package/dist/hooks/useClickOutside.ts +0 -38
  166. package/dist/hooks/useDialog.ts +0 -29
  167. package/dist/hooks/useEscape.ts +0 -26
  168. package/dist/hooks/useTrapFocus.ts +0 -80
package/dist/index.js CHANGED
@@ -1,56 +1,398 @@
1
- export { default as Accordion } from './components/Accordion';
2
- export { default as AccordionItem } from './components/Accordion/AccordionItem';
3
- export { default as AccordionItemVariant } from './components/Accordion/AccordionItemVariant';
4
- export { default as Container } from './components/Layout/Container';
5
- export { default as Button } from './components/Button';
6
- export { default as Header } from './components/Header';
7
- export { default as Hamburger } from './components/Hamburger';
8
- export { default as WysiwygField } from './components/WysiwygField';
9
- export { default as ApiAutocomplete } from './components/ApiAutocomplete';
10
- export { default as FontSizeSwitcher } from './components/FontSizeSwitcher';
11
- export { default as Pagination } from './components/Pagination';
12
- export { default as QuickLayout } from './components/Layout/QuickLayout';
13
- export { default as Lottie } from './components/Lottie';
14
- export { default as LottieAnimationWithMousePosition } from './components/Lottie/LottieAnimationWithMousePosition';
15
- export { default as MagicLine } from './components/MagicLine';
16
- export { default as NavigationScroll } from './components/NavigationScroll';
17
- export { default as Image } from './components/Image';
18
- export { default as ImageBackground } from './components/Image/Background';
19
- export { default as InlineMenu } from './components/InlineMenu';
20
- export { default as Picture } from './components/Image/Picture';
21
- export { default as Dialog } from './components/Dialog';
22
- export { default as Share } from './components/Share';
23
- export { default as SliderRelated } from './components/Sliders/SliderRelated';
24
- export { default as FormikWrapper } from './components/Form/FormikWrapper';
25
- export { default as FormCheckbox } from './components/Form/Checkbox';
26
- export { default as FormCheckboxes } from './components/Form/Checkboxes';
27
- export { default as FormDate } from './components/Form/Date';
28
- export { default as FormDatePicker } from './components/Form/DatePicker';
29
- export { default as FormDateSelect } from './components/Form/DateSelect';
30
- export { default as FormEmail } from './components/Form/Email';
31
- export { default as FormNumber } from './components/Form/Number';
32
- export { default as FormRadioButtons } from './components/Form/RadioButtons';
33
- export { default as FormSearchField } from './components/Form/SearchField';
34
- export { default as FormSelect } from './components/Form/Select';
35
- export { default as FormTextarea } from './components/Form/Textarea';
36
- export { default as FormTextField } from './components/Form/TextField';
37
- export { default as KitchenSinkComponentMapperContext } from './Context/KitchenSinkComponentMapperContext';
38
- export { default as ViewportContext } from './Context/ViewportContext';
39
- export { default as SearchKit } from './components/SearchKit';
40
- export { default as SearchField } from './components/SearchKit/SearchField';
41
- export { default as SearchFacets } from './components/SearchKit/SearchFacets';
42
- export { default as SelectFacet } from './components/SearchKit/Facets/SelectFacet';
43
- export { default as ListFacet } from './components/SearchKit/Facets/ListFacet';
44
- export { default as ChipFacet } from './components/SearchKit/Facets/ChipFacet';
45
- export { default as SearchSelectedFilters } from './components/SearchKit/SearchSelectedFilters';
46
- export { default as SearchSorting } from './components/SearchKit/SearchSorting';
47
- export { default as SearchReset } from './components/SearchKit/SearchReset';
48
- export { default as SearchResults } from './components/SearchKit/SearchResults';
49
- export { default as SearchPagination } from './components/SearchKit/SearchPagination';
50
- export { default as SearchLoadMore } from './components/SearchKit/SearchLoadMore';
51
- export { default as Cookie } from './components/Cookie';
52
- export { default as useOnScreen } from './hooks/useOnScreen';
53
- export { default as usePrevious } from './hooks/usePrevious';
54
- export { default as useScrollPosition } from './hooks/useScrollPosition';
55
- export { default as useWindowDimensions } from './hooks/useWindowDimensions';
56
- export { default as AbbreviationAnnotation } from './components/AbbreviationAnnotation';
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "AbbreviationAnnotation", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _AbbreviationAnnotation.default;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "Accordion", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _Accordion.default;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "AccordionItem", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _AccordionItem.default;
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "AccordionItemVariant", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _AccordionItemVariant.default;
28
+ }
29
+ });
30
+ Object.defineProperty(exports, "ApiAutocomplete", {
31
+ enumerable: true,
32
+ get: function get() {
33
+ return _ApiAutocomplete.default;
34
+ }
35
+ });
36
+ Object.defineProperty(exports, "Button", {
37
+ enumerable: true,
38
+ get: function get() {
39
+ return _Button.default;
40
+ }
41
+ });
42
+ Object.defineProperty(exports, "ChipFacet", {
43
+ enumerable: true,
44
+ get: function get() {
45
+ return _ChipFacet.default;
46
+ }
47
+ });
48
+ Object.defineProperty(exports, "Container", {
49
+ enumerable: true,
50
+ get: function get() {
51
+ return _Container.default;
52
+ }
53
+ });
54
+ Object.defineProperty(exports, "Cookie", {
55
+ enumerable: true,
56
+ get: function get() {
57
+ return _Cookie.default;
58
+ }
59
+ });
60
+ Object.defineProperty(exports, "Dialog", {
61
+ enumerable: true,
62
+ get: function get() {
63
+ return _Dialog.default;
64
+ }
65
+ });
66
+ Object.defineProperty(exports, "FontSizeSwitcher", {
67
+ enumerable: true,
68
+ get: function get() {
69
+ return _FontSizeSwitcher.default;
70
+ }
71
+ });
72
+ Object.defineProperty(exports, "FormCheckbox", {
73
+ enumerable: true,
74
+ get: function get() {
75
+ return _Checkbox.default;
76
+ }
77
+ });
78
+ Object.defineProperty(exports, "FormCheckboxes", {
79
+ enumerable: true,
80
+ get: function get() {
81
+ return _Checkboxes.default;
82
+ }
83
+ });
84
+ Object.defineProperty(exports, "FormDate", {
85
+ enumerable: true,
86
+ get: function get() {
87
+ return _Date.default;
88
+ }
89
+ });
90
+ Object.defineProperty(exports, "FormDatePicker", {
91
+ enumerable: true,
92
+ get: function get() {
93
+ return _DatePicker.default;
94
+ }
95
+ });
96
+ Object.defineProperty(exports, "FormDateSelect", {
97
+ enumerable: true,
98
+ get: function get() {
99
+ return _DateSelect.default;
100
+ }
101
+ });
102
+ Object.defineProperty(exports, "FormEmail", {
103
+ enumerable: true,
104
+ get: function get() {
105
+ return _Email.default;
106
+ }
107
+ });
108
+ Object.defineProperty(exports, "FormNumber", {
109
+ enumerable: true,
110
+ get: function get() {
111
+ return _Number.default;
112
+ }
113
+ });
114
+ Object.defineProperty(exports, "FormRadioButtons", {
115
+ enumerable: true,
116
+ get: function get() {
117
+ return _RadioButtons.default;
118
+ }
119
+ });
120
+ Object.defineProperty(exports, "FormSearchField", {
121
+ enumerable: true,
122
+ get: function get() {
123
+ return _SearchField.default;
124
+ }
125
+ });
126
+ Object.defineProperty(exports, "FormSelect", {
127
+ enumerable: true,
128
+ get: function get() {
129
+ return _Select.default;
130
+ }
131
+ });
132
+ Object.defineProperty(exports, "FormTextField", {
133
+ enumerable: true,
134
+ get: function get() {
135
+ return _TextField.default;
136
+ }
137
+ });
138
+ Object.defineProperty(exports, "FormTextarea", {
139
+ enumerable: true,
140
+ get: function get() {
141
+ return _Textarea.default;
142
+ }
143
+ });
144
+ Object.defineProperty(exports, "FormikWrapper", {
145
+ enumerable: true,
146
+ get: function get() {
147
+ return _FormikWrapper.default;
148
+ }
149
+ });
150
+ Object.defineProperty(exports, "Hamburger", {
151
+ enumerable: true,
152
+ get: function get() {
153
+ return _Hamburger.default;
154
+ }
155
+ });
156
+ Object.defineProperty(exports, "Header", {
157
+ enumerable: true,
158
+ get: function get() {
159
+ return _Header.default;
160
+ }
161
+ });
162
+ Object.defineProperty(exports, "Image", {
163
+ enumerable: true,
164
+ get: function get() {
165
+ return _Image.default;
166
+ }
167
+ });
168
+ Object.defineProperty(exports, "ImageBackground", {
169
+ enumerable: true,
170
+ get: function get() {
171
+ return _Background.default;
172
+ }
173
+ });
174
+ Object.defineProperty(exports, "InlineMenu", {
175
+ enumerable: true,
176
+ get: function get() {
177
+ return _InlineMenu.default;
178
+ }
179
+ });
180
+ Object.defineProperty(exports, "KitchenSinkComponentMapperContext", {
181
+ enumerable: true,
182
+ get: function get() {
183
+ return _KitchenSinkComponentMapperContext.default;
184
+ }
185
+ });
186
+ Object.defineProperty(exports, "ListFacet", {
187
+ enumerable: true,
188
+ get: function get() {
189
+ return _ListFacet.default;
190
+ }
191
+ });
192
+ Object.defineProperty(exports, "Lottie", {
193
+ enumerable: true,
194
+ get: function get() {
195
+ return _Lottie.default;
196
+ }
197
+ });
198
+ Object.defineProperty(exports, "LottieAnimationWithMousePosition", {
199
+ enumerable: true,
200
+ get: function get() {
201
+ return _LottieAnimationWithMousePosition.default;
202
+ }
203
+ });
204
+ Object.defineProperty(exports, "MagicLine", {
205
+ enumerable: true,
206
+ get: function get() {
207
+ return _MagicLine.default;
208
+ }
209
+ });
210
+ Object.defineProperty(exports, "NavigationScroll", {
211
+ enumerable: true,
212
+ get: function get() {
213
+ return _NavigationScroll.default;
214
+ }
215
+ });
216
+ Object.defineProperty(exports, "Pagination", {
217
+ enumerable: true,
218
+ get: function get() {
219
+ return _Pagination.default;
220
+ }
221
+ });
222
+ Object.defineProperty(exports, "Picture", {
223
+ enumerable: true,
224
+ get: function get() {
225
+ return _Picture.default;
226
+ }
227
+ });
228
+ Object.defineProperty(exports, "QuickLayout", {
229
+ enumerable: true,
230
+ get: function get() {
231
+ return _QuickLayout.default;
232
+ }
233
+ });
234
+ Object.defineProperty(exports, "SearchFacets", {
235
+ enumerable: true,
236
+ get: function get() {
237
+ return _SearchFacets.default;
238
+ }
239
+ });
240
+ Object.defineProperty(exports, "SearchField", {
241
+ enumerable: true,
242
+ get: function get() {
243
+ return _SearchField2.default;
244
+ }
245
+ });
246
+ Object.defineProperty(exports, "SearchKit", {
247
+ enumerable: true,
248
+ get: function get() {
249
+ return _SearchKit.default;
250
+ }
251
+ });
252
+ Object.defineProperty(exports, "SearchLoadMore", {
253
+ enumerable: true,
254
+ get: function get() {
255
+ return _SearchLoadMore.default;
256
+ }
257
+ });
258
+ Object.defineProperty(exports, "SearchPagination", {
259
+ enumerable: true,
260
+ get: function get() {
261
+ return _SearchPagination.default;
262
+ }
263
+ });
264
+ Object.defineProperty(exports, "SearchReset", {
265
+ enumerable: true,
266
+ get: function get() {
267
+ return _SearchReset.default;
268
+ }
269
+ });
270
+ Object.defineProperty(exports, "SearchResults", {
271
+ enumerable: true,
272
+ get: function get() {
273
+ return _SearchResults.default;
274
+ }
275
+ });
276
+ Object.defineProperty(exports, "SearchSelectedFilters", {
277
+ enumerable: true,
278
+ get: function get() {
279
+ return _SearchSelectedFilters.default;
280
+ }
281
+ });
282
+ Object.defineProperty(exports, "SearchSorting", {
283
+ enumerable: true,
284
+ get: function get() {
285
+ return _SearchSorting.default;
286
+ }
287
+ });
288
+ Object.defineProperty(exports, "SelectFacet", {
289
+ enumerable: true,
290
+ get: function get() {
291
+ return _SelectFacet.default;
292
+ }
293
+ });
294
+ Object.defineProperty(exports, "Share", {
295
+ enumerable: true,
296
+ get: function get() {
297
+ return _Share.default;
298
+ }
299
+ });
300
+ Object.defineProperty(exports, "SliderRelated", {
301
+ enumerable: true,
302
+ get: function get() {
303
+ return _SliderRelated.default;
304
+ }
305
+ });
306
+ Object.defineProperty(exports, "ViewportContext", {
307
+ enumerable: true,
308
+ get: function get() {
309
+ return _ViewportContext.default;
310
+ }
311
+ });
312
+ Object.defineProperty(exports, "WysiwygField", {
313
+ enumerable: true,
314
+ get: function get() {
315
+ return _WysiwygField.default;
316
+ }
317
+ });
318
+ Object.defineProperty(exports, "useOnScreen", {
319
+ enumerable: true,
320
+ get: function get() {
321
+ return _useOnScreen.default;
322
+ }
323
+ });
324
+ Object.defineProperty(exports, "usePrevious", {
325
+ enumerable: true,
326
+ get: function get() {
327
+ return _usePrevious.default;
328
+ }
329
+ });
330
+ Object.defineProperty(exports, "useScrollPosition", {
331
+ enumerable: true,
332
+ get: function get() {
333
+ return _useScrollPosition.default;
334
+ }
335
+ });
336
+ Object.defineProperty(exports, "useWindowDimensions", {
337
+ enumerable: true,
338
+ get: function get() {
339
+ return _useWindowDimensions.default;
340
+ }
341
+ });
342
+ var _Accordion = _interopRequireDefault(require("./components/Accordion"));
343
+ var _AccordionItem = _interopRequireDefault(require("./components/Accordion/AccordionItem"));
344
+ var _AccordionItemVariant = _interopRequireDefault(require("./components/Accordion/AccordionItemVariant"));
345
+ var _Container = _interopRequireDefault(require("./components/Layout/Container"));
346
+ var _Button = _interopRequireDefault(require("./components/Button"));
347
+ var _Header = _interopRequireDefault(require("./components/Header"));
348
+ var _Hamburger = _interopRequireDefault(require("./components/Hamburger"));
349
+ var _WysiwygField = _interopRequireDefault(require("./components/WysiwygField"));
350
+ var _ApiAutocomplete = _interopRequireDefault(require("./components/ApiAutocomplete"));
351
+ var _FontSizeSwitcher = _interopRequireDefault(require("./components/FontSizeSwitcher"));
352
+ var _Pagination = _interopRequireDefault(require("./components/Pagination"));
353
+ var _QuickLayout = _interopRequireDefault(require("./components/Layout/QuickLayout"));
354
+ var _Lottie = _interopRequireDefault(require("./components/Lottie"));
355
+ var _LottieAnimationWithMousePosition = _interopRequireDefault(require("./components/Lottie/LottieAnimationWithMousePosition"));
356
+ var _MagicLine = _interopRequireDefault(require("./components/MagicLine"));
357
+ var _NavigationScroll = _interopRequireDefault(require("./components/NavigationScroll"));
358
+ var _Image = _interopRequireDefault(require("./components/Image"));
359
+ var _Background = _interopRequireDefault(require("./components/Image/Background"));
360
+ var _InlineMenu = _interopRequireDefault(require("./components/InlineMenu"));
361
+ var _Picture = _interopRequireDefault(require("./components/Image/Picture"));
362
+ var _Dialog = _interopRequireDefault(require("./components/Dialog"));
363
+ var _Share = _interopRequireDefault(require("./components/Share"));
364
+ var _SliderRelated = _interopRequireDefault(require("./components/Sliders/SliderRelated"));
365
+ var _FormikWrapper = _interopRequireDefault(require("./components/Form/FormikWrapper"));
366
+ var _Checkbox = _interopRequireDefault(require("./components/Form/Checkbox"));
367
+ var _Checkboxes = _interopRequireDefault(require("./components/Form/Checkboxes"));
368
+ var _Date = _interopRequireDefault(require("./components/Form/Date"));
369
+ var _DatePicker = _interopRequireDefault(require("./components/Form/DatePicker"));
370
+ var _DateSelect = _interopRequireDefault(require("./components/Form/DateSelect"));
371
+ var _Email = _interopRequireDefault(require("./components/Form/Email"));
372
+ var _Number = _interopRequireDefault(require("./components/Form/Number"));
373
+ var _RadioButtons = _interopRequireDefault(require("./components/Form/RadioButtons"));
374
+ var _SearchField = _interopRequireDefault(require("./components/Form/SearchField"));
375
+ var _Select = _interopRequireDefault(require("./components/Form/Select"));
376
+ var _Textarea = _interopRequireDefault(require("./components/Form/Textarea"));
377
+ var _TextField = _interopRequireDefault(require("./components/Form/TextField"));
378
+ var _KitchenSinkComponentMapperContext = _interopRequireDefault(require("./Context/KitchenSinkComponentMapperContext"));
379
+ var _ViewportContext = _interopRequireDefault(require("./Context/ViewportContext"));
380
+ var _SearchKit = _interopRequireDefault(require("./components/SearchKit"));
381
+ var _SearchField2 = _interopRequireDefault(require("./components/SearchKit/SearchField"));
382
+ var _SearchFacets = _interopRequireDefault(require("./components/SearchKit/SearchFacets"));
383
+ var _SelectFacet = _interopRequireDefault(require("./components/SearchKit/Facets/SelectFacet"));
384
+ var _ListFacet = _interopRequireDefault(require("./components/SearchKit/Facets/ListFacet"));
385
+ var _ChipFacet = _interopRequireDefault(require("./components/SearchKit/Facets/ChipFacet"));
386
+ var _SearchSelectedFilters = _interopRequireDefault(require("./components/SearchKit/SearchSelectedFilters"));
387
+ var _SearchSorting = _interopRequireDefault(require("./components/SearchKit/SearchSorting"));
388
+ var _SearchReset = _interopRequireDefault(require("./components/SearchKit/SearchReset"));
389
+ var _SearchResults = _interopRequireDefault(require("./components/SearchKit/SearchResults"));
390
+ var _SearchPagination = _interopRequireDefault(require("./components/SearchKit/SearchPagination"));
391
+ var _SearchLoadMore = _interopRequireDefault(require("./components/SearchKit/SearchLoadMore"));
392
+ var _Cookie = _interopRequireDefault(require("./components/Cookie"));
393
+ var _useOnScreen = _interopRequireDefault(require("./hooks/useOnScreen"));
394
+ var _usePrevious = _interopRequireDefault(require("./hooks/usePrevious"));
395
+ var _useScrollPosition = _interopRequireDefault(require("./hooks/useScrollPosition"));
396
+ var _useWindowDimensions = _interopRequireDefault(require("./hooks/useWindowDimensions"));
397
+ var _AbbreviationAnnotation = _interopRequireDefault(require("./components/AbbreviationAnnotation"));
398
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,10 +1,14 @@
1
+ "use strict";
2
+
3
+ require("@testing-library/jest-dom/extend-expect");
4
+ var _enzyme = require("enzyme");
5
+ var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
6
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
1
7
  // jest-dom adds custom jest matchers for asserting on DOM nodes.
2
8
  // allows you to do things like:
3
9
  // expect(element).toHaveTextContent(/react/i)
4
10
  // learn more: https://github.com/testing-library/jest-dom
5
- import '@testing-library/jest-dom/extend-expect';
6
- import { configure } from 'enzyme';
7
- import Adapter from 'enzyme-adapter-react-16';
8
- configure({
9
- adapter: new Adapter()
11
+
12
+ (0, _enzyme.configure)({
13
+ adapter: new _enzymeAdapterReact.default()
10
14
  });
@@ -1,6 +1,3 @@
1
- @import 'assets/variables';
2
- @import 'assets/mixins';
3
-
4
1
  *, *:before, *:after {
5
2
  box-sizing: border-box;
6
3
  }
@@ -5,8 +5,8 @@
5
5
  // -----------------------------------------------------------------------------
6
6
  @font-face {
7
7
  font-family: 'Gilroy';
8
- src: url('../assets/fonts/gilroy/gilroy-extrabold-webfont.woff2') format('woff2'),
9
- url('../assets/fonts/gilroy/gilroy-extrabold-webfont.woff') format('woff');
8
+ src: url('../../assets/fonts/gilroy/gilroy-extrabold-webfont.woff2') format('woff2'),
9
+ url('../../assets/fonts/gilroy/gilroy-extrabold-webfont.woff') format('woff');
10
10
  font-weight: 900;
11
11
  font-style: normal;
12
12
  font-display: swap;
@@ -14,8 +14,8 @@
14
14
 
15
15
  @font-face {
16
16
  font-family: 'Gilroy';
17
- src: url('../assets/fonts/gilroy/gilroy-extrabolditalic-webfont.woff2') format('woff2'),
18
- url('../assets/fonts/gilroy/gilroy-extrabolditalic-webfont.woff') format('woff');
17
+ src: url('../../assets/fonts/gilroy/gilroy-extrabolditalic-webfont.woff2') format('woff2'),
18
+ url('../../assets/fonts/gilroy/gilroy-extrabolditalic-webfont.woff') format('woff');
19
19
  font-weight: 900;
20
20
  font-style: italic;
21
21
  font-display: swap;
@@ -23,8 +23,8 @@
23
23
 
24
24
  @font-face {
25
25
  font-family: 'Gilroy';
26
- src: url('../assets/fonts/gilroy/gilroy-semibold-webfont.woff2') format('woff2'),
27
- url('../assets/fonts/gilroy/gilroy-semibold-webfont.woff') format('woff');
26
+ src: url('../../assets/fonts/gilroy/gilroy-semibold-webfont.woff2') format('woff2'),
27
+ url('../../assets/fonts/gilroy/gilroy-semibold-webfont.woff') format('woff');
28
28
  font-weight: 700;
29
29
  font-style: normal;
30
30
  font-display: swap;
@@ -32,8 +32,8 @@
32
32
 
33
33
  @font-face {
34
34
  font-family: 'Gilroy';
35
- src: url('../assets/fonts/gilroy/gilroy-semibolditalic-webfont.woff2') format('woff2'),
36
- url('../assets/fonts/gilroy/gilroy-semibolditalic-webfont.woff') format('woff');
35
+ src: url('../../assets/fonts/gilroy/gilroy-semibolditalic-webfont.woff2') format('woff2'),
36
+ url('../../assets/fonts/gilroy/gilroy-semibolditalic-webfont.woff') format('woff');
37
37
  font-weight: 700;
38
38
  font-style: italic;
39
39
  font-display: swap;
@@ -41,8 +41,8 @@
41
41
 
42
42
  @font-face {
43
43
  font-family: 'Gilroy';
44
- src: url('../assets/fonts/gilroy/gilroy-medium-webfont.woff2') format('woff2'),
45
- url('../assets/fonts/gilroy/gilroy-medium-webfont.woff') format('woff');
44
+ src: url('../../assets/fonts/gilroy/gilroy-medium-webfont.woff2') format('woff2'),
45
+ url('../../assets/fonts/gilroy/gilroy-medium-webfont.woff') format('woff');
46
46
  font-weight: 500;
47
47
  font-style: normal;
48
48
  font-display: swap;
@@ -50,8 +50,8 @@
50
50
 
51
51
  @font-face {
52
52
  font-family: 'Gilroy';
53
- src: url('../assets/fonts/gilroy/gilroy-mediumitalic-webfont.woff2') format('woff2'),
54
- url('../assets/fonts/gilroy/gilroy-mediumitalic-webfont.woff') format('woff');
53
+ src: url('../../assets/fonts/gilroy/gilroy-mediumitalic-webfont.woff2') format('woff2'),
54
+ url('../../assets/fonts/gilroy/gilroy-mediumitalic-webfont.woff') format('woff');
55
55
  font-weight: 500;
56
56
  font-style: italic;
57
57
  font-display: swap;
@@ -59,8 +59,8 @@
59
59
 
60
60
  @font-face {
61
61
  font-family: 'Gilroy';
62
- src: url('../assets/fonts/gilroy/gilroy-regular-webfont.woff2') format('woff2'),
63
- url('../assets/fonts/gilroy/gilroy-regular-webfont.woff') format('woff');
62
+ src: url('../../assets/fonts/gilroy/gilroy-regular-webfont.woff2') format('woff2'),
63
+ url('../../assets/fonts/gilroy/gilroy-regular-webfont.woff') format('woff');
64
64
  font-weight: 300;
65
65
  font-style: normal;
66
66
  font-display: swap;
@@ -68,9 +68,9 @@
68
68
 
69
69
  @font-face {
70
70
  font-family: 'Gilroy';
71
- src: url('../assets/fonts/gilroy/gilroy-regularitalic-webfont.woff2') format('woff2'),
72
- url('../assets/fonts/gilroy/gilroy-regularitalic-webfont.woff') format('woff');
71
+ src: url('../../assets/fonts/gilroy/gilroy-regularitalic-webfont.woff2') format('woff2'),
72
+ url('../../assets/fonts/gilroy/gilroy-regularitalic-webfont.woff') format('woff');
73
73
  font-weight: 300;
74
74
  font-style: italic;
75
75
  font-display: swap;
76
- }
76
+ }
@@ -16,14 +16,14 @@ $icon-names: (
16
16
  youtube,
17
17
  marker,
18
18
  information,
19
- checkbox,
19
+ checkmark,
20
20
  radio
21
21
  );
22
22
 
23
23
  // The base of an icon.
24
24
  @mixin icon {
25
25
  // The path here is defined starting from '/src/'.
26
- background-image: url('../assets/icons/icongrid.svg?v=1.1');
26
+ background-image: url('../../assets/icons/icongrid.svg?v=1.1');
27
27
  background-repeat: no-repeat;
28
28
  background-position: 0 0;
29
29
  background-size: #{length($icon-names)}em #{$rows}em;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uncinc/uncinc-react-kitchen-sink",
3
- "version": "2.4.0",
3
+ "version": "2.4.2",
4
4
  "description": "Default React components that are easily extended.",
5
5
  "author": "uncinc",
6
6
  "license": "MIT",
@@ -15,6 +15,8 @@
15
15
  ],
16
16
  "babel": {
17
17
  "presets": [
18
+ "@babel/preset-typescript",
19
+ "@babel/preset-env",
18
20
  "@babel/preset-react"
19
21
  ]
20
22
  },
@@ -26,13 +28,15 @@
26
28
  "stylelint:fix": "stylelint --fix **/*.scss",
27
29
  "start": "yarn run storybook",
28
30
  "build": "react-scripts build",
31
+ "build:js": "cross-env NODE_ENV=production && rm -rf dist && mkdir dist && npx babel src --out-dir dist --copy-files --extensions .ts,.js,.tsx,.jsx,.cjs,.mjs",
32
+ "build:types": "tsc --outDir dist",
29
33
  "test": "jest",
30
34
  "eject": "react-scripts eject",
31
35
  "prepare": "yarn run publish:npm",
32
36
  "storybook": "storybook dev -p 6006",
33
37
  "build-storybook": "storybook build",
34
38
  "yalc-watch": "nodemon -e js,jsx --ignore dist --exec \"yalc publish && yalc push\"",
35
- "publish:npm": "cross-env NODE_ENV=production && rm -rf dist && mkdir dist && npx babel src --out-dir dist --copy-files",
39
+ "publish:npm": "yarn build:js && yarn build:types",
36
40
  "extract": "sb extract",
37
41
  "eslint": "NODE_ENV=development eslint './src/**/*.{js,jsx,ts,tsx}'",
38
42
  "eslint:fix": "NODE_ENV=development eslint --fix './src/**/*.{js,jsx,ts,tsx}'"
@@ -63,7 +67,6 @@
63
67
  "js-cookie": "^3.0.1",
64
68
  "lottie-web": "^5.7.7",
65
69
  "mini-css-extract-plugin": "^1.4.1",
66
- "moment": "^2.29.1",
67
70
  "next-with-apollo": "^5.2.1",
68
71
  "ola": "^1.1.1",
69
72
  "path": "^0.12.7",
@@ -1,20 +0,0 @@
1
- import { useCallback, useState } from 'react';
2
-
3
- export default function useBoolean(defaultValue: boolean = false) {
4
- const [value, setValue] = useState(defaultValue);
5
-
6
- const toggle = useCallback(() => {
7
- setValue((current) => !current);
8
- }, [setValue]);
9
-
10
- const setTrue = useCallback(() => { setValue(true); }, []);
11
- const setFalse = useCallback(() => { setValue(false); }, []);
12
-
13
- return {
14
- value,
15
- setValue,
16
- setTrue,
17
- setFalse,
18
- toggle,
19
- } as const;
20
- }