@reykjavik/hanna-react 0.10.91 → 0.10.93
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/ArticleCarousel/_ArticleCarouselCard.d.ts +2 -1
- package/CHANGELOG.md +23 -0
- package/ContactBubble.d.ts +2 -1
- package/ContactBubble.js +4 -6
- package/Datepicker.d.ts +31 -3
- package/Datepicker.js +25 -6
- package/FormField.d.ts +11 -2
- package/FormField.js +5 -5
- package/MainMenu/_PrimaryPanel.d.ts +2 -2
- package/MainMenu.d.ts +2 -1
- package/MainMenu.js +5 -6
- package/Multiselect/_Multiselect.search.d.ts +19 -0
- package/Multiselect/_Multiselect.search.js +80 -0
- package/Multiselect.d.ts +64 -0
- package/Multiselect.js +236 -0
- package/ReadSpeakerPlayer.d.ts +64 -0
- package/ReadSpeakerPlayer.js +78 -0
- package/RelatedLinks.d.ts +2 -1
- package/Selectbox.d.ts +3 -3
- package/TextInput.d.ts +0 -1
- package/_abstract/_CardList.d.ts +2 -1
- package/_abstract/_CardList.js +2 -2
- package/_abstract/_FocusTrap.d.ts +14 -0
- package/_abstract/_FocusTrap.js +24 -0
- package/_abstract/_TogglerGroup.d.ts +11 -7
- package/_abstract/_TogglerGroup.js +11 -3
- package/_abstract/_TogglerGroupField.d.ts +4 -4
- package/_abstract/_TogglerGroupField.js +2 -2
- package/_abstract/_TogglerInput.d.ts +3 -1
- package/_abstract/_TogglerInput.js +7 -4
- package/esm/ArticleCarousel/_ArticleCarouselCard.d.ts +2 -1
- package/esm/ContactBubble.d.ts +2 -1
- package/esm/ContactBubble.js +4 -6
- package/esm/Datepicker.d.ts +31 -3
- package/esm/Datepicker.js +25 -6
- package/esm/FormField.d.ts +11 -2
- package/esm/FormField.js +5 -5
- package/esm/MainMenu/_PrimaryPanel.d.ts +2 -2
- package/esm/MainMenu.d.ts +2 -1
- package/esm/MainMenu.js +5 -6
- package/esm/Multiselect/_Multiselect.search.d.ts +19 -0
- package/esm/Multiselect/_Multiselect.search.js +75 -0
- package/esm/Multiselect.d.ts +64 -0
- package/esm/Multiselect.js +231 -0
- package/esm/ReadSpeakerPlayer.d.ts +64 -0
- package/esm/ReadSpeakerPlayer.js +72 -0
- package/esm/RelatedLinks.d.ts +2 -1
- package/esm/Selectbox.d.ts +3 -3
- package/esm/TextInput.d.ts +0 -1
- package/esm/_abstract/_CardList.d.ts +2 -1
- package/esm/_abstract/_CardList.js +2 -2
- package/esm/_abstract/_FocusTrap.d.ts +14 -0
- package/esm/_abstract/_FocusTrap.js +19 -0
- package/esm/_abstract/_TogglerGroup.d.ts +11 -7
- package/esm/_abstract/_TogglerGroup.js +11 -3
- package/esm/_abstract/_TogglerGroupField.d.ts +4 -4
- package/esm/_abstract/_TogglerGroupField.js +2 -2
- package/esm/_abstract/_TogglerInput.d.ts +3 -1
- package/esm/_abstract/_TogglerInput.js +7 -4
- package/esm/index.d.ts +2 -0
- package/esm/utils/useFormatMonitor.d.ts +4 -2
- package/esm/utils/useFormatMonitor.js +4 -2
- package/index.d.ts +2 -0
- package/package.json +13 -5
- package/utils/useFormatMonitor.d.ts +4 -2
- package/utils/useFormatMonitor.js +4 -2
|
@@ -5,6 +5,8 @@
|
|
|
5
5
|
* Exmple use:
|
|
6
6
|
*
|
|
7
7
|
* ```ts
|
|
8
|
+
* import { useFormatMonitor } from '@reykjavik/hanna-react/utils';
|
|
9
|
+
*
|
|
8
10
|
* useFormatMonitor((media) => {
|
|
9
11
|
* if (media.is === 'phone') {
|
|
10
12
|
* // do something clever because the window
|
|
@@ -21,8 +23,8 @@
|
|
|
21
23
|
*
|
|
22
24
|
* ```ts
|
|
23
25
|
* // type Formats = 'phone' | 'phablet' | 'tablet' | 'netbook' | 'wide'
|
|
24
|
-
* media.is
|
|
25
|
-
* media.was
|
|
26
|
+
* media.is // : Format
|
|
27
|
+
* media.was // ?: Format
|
|
26
28
|
* // Category/mode boolean flags
|
|
27
29
|
* // (Hamburger refers to the "mobile menu" mode)
|
|
28
30
|
* media.isTopmenu
|
|
@@ -8,6 +8,8 @@ import { makeFormatMonitorHook } from 'formatchange/react';
|
|
|
8
8
|
* Exmple use:
|
|
9
9
|
*
|
|
10
10
|
* ```ts
|
|
11
|
+
* import { useFormatMonitor } from '@reykjavik/hanna-react/utils';
|
|
12
|
+
*
|
|
11
13
|
* useFormatMonitor((media) => {
|
|
12
14
|
* if (media.is === 'phone') {
|
|
13
15
|
* // do something clever because the window
|
|
@@ -24,8 +26,8 @@ import { makeFormatMonitorHook } from 'formatchange/react';
|
|
|
24
26
|
*
|
|
25
27
|
* ```ts
|
|
26
28
|
* // type Formats = 'phone' | 'phablet' | 'tablet' | 'netbook' | 'wide'
|
|
27
|
-
* media.is
|
|
28
|
-
* media.was
|
|
29
|
+
* media.is // : Format
|
|
30
|
+
* media.was // ?: Format
|
|
29
31
|
* // Category/mode boolean flags
|
|
30
32
|
* // (Hamburger refers to the "mobile menu" mode)
|
|
31
33
|
* media.isTopmenu
|
package/index.d.ts
CHANGED
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
/// <reference path="./RowBlockColumn.d.tsx" />
|
|
28
28
|
/// <reference path="./RowBlock.d.tsx" />
|
|
29
29
|
/// <reference path="./RelatedLinks.d.tsx" />
|
|
30
|
+
/// <reference path="./ReadSpeakerPlayer.d.tsx" />
|
|
30
31
|
/// <reference path="./RadioGroup.d.tsx" />
|
|
31
32
|
/// <reference path="./RadioButtonsGroup.d.tsx" />
|
|
32
33
|
/// <reference path="./PullQuote.d.tsx" />
|
|
@@ -37,6 +38,7 @@
|
|
|
37
38
|
/// <reference path="./NewsHero.d.tsx" />
|
|
38
39
|
/// <reference path="./NameCards.d.tsx" />
|
|
39
40
|
/// <reference path="./NameCard.d.tsx" />
|
|
41
|
+
/// <reference path="./Multiselect.d.tsx" />
|
|
40
42
|
/// <reference path="./Modal.d.tsx" />
|
|
41
43
|
/// <reference path="./MiniMetrics.d.tsx" />
|
|
42
44
|
/// <reference path="./MainMenu.d.tsx" />
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reykjavik/hanna-react",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.93",
|
|
4
4
|
"author": "Reykjavík (http://www.reykjavik.is)",
|
|
5
5
|
"contributors": [
|
|
6
6
|
"Hugsmiðjan ehf (http://www.hugsmidjan.is)",
|
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
"license": "MIT",
|
|
15
15
|
"dependencies": {
|
|
16
16
|
"@floating-ui/react": "^0.19.2",
|
|
17
|
-
"@hugsmidjan/qj": "^4.
|
|
18
|
-
"@hugsmidjan/react": "^0.4.
|
|
19
|
-
"@reykjavik/hanna-css": "^0.4.
|
|
20
|
-
"@reykjavik/hanna-utils": "^0.2.
|
|
17
|
+
"@hugsmidjan/qj": "^4.20.0",
|
|
18
|
+
"@hugsmidjan/react": "^0.4.32",
|
|
19
|
+
"@reykjavik/hanna-css": "^0.4.3",
|
|
20
|
+
"@reykjavik/hanna-utils": "^0.2.7",
|
|
21
21
|
"@types/react": "^17.0.24",
|
|
22
22
|
"@types/react-autosuggest": "^10.1.0",
|
|
23
23
|
"@types/react-datepicker": "^4.8.0",
|
|
@@ -161,6 +161,10 @@
|
|
|
161
161
|
"import": "./esm/RelatedLinks.js",
|
|
162
162
|
"require": "./RelatedLinks.js"
|
|
163
163
|
},
|
|
164
|
+
"./ReadSpeakerPlayer": {
|
|
165
|
+
"import": "./esm/ReadSpeakerPlayer.js",
|
|
166
|
+
"require": "./ReadSpeakerPlayer.js"
|
|
167
|
+
},
|
|
164
168
|
"./RadioGroup": {
|
|
165
169
|
"import": "./esm/RadioGroup.js",
|
|
166
170
|
"require": "./RadioGroup.js"
|
|
@@ -201,6 +205,10 @@
|
|
|
201
205
|
"import": "./esm/NameCard.js",
|
|
202
206
|
"require": "./NameCard.js"
|
|
203
207
|
},
|
|
208
|
+
"./Multiselect": {
|
|
209
|
+
"import": "./esm/Multiselect.js",
|
|
210
|
+
"require": "./Multiselect.js"
|
|
211
|
+
},
|
|
204
212
|
"./Modal": {
|
|
205
213
|
"import": "./esm/Modal.js",
|
|
206
214
|
"require": "./Modal.js"
|
|
@@ -5,6 +5,8 @@
|
|
|
5
5
|
* Exmple use:
|
|
6
6
|
*
|
|
7
7
|
* ```ts
|
|
8
|
+
* import { useFormatMonitor } from '@reykjavik/hanna-react/utils';
|
|
9
|
+
*
|
|
8
10
|
* useFormatMonitor((media) => {
|
|
9
11
|
* if (media.is === 'phone') {
|
|
10
12
|
* // do something clever because the window
|
|
@@ -21,8 +23,8 @@
|
|
|
21
23
|
*
|
|
22
24
|
* ```ts
|
|
23
25
|
* // type Formats = 'phone' | 'phablet' | 'tablet' | 'netbook' | 'wide'
|
|
24
|
-
* media.is
|
|
25
|
-
* media.was
|
|
26
|
+
* media.is // : Format
|
|
27
|
+
* media.was // ?: Format
|
|
26
28
|
* // Category/mode boolean flags
|
|
27
29
|
* // (Hamburger refers to the "mobile menu" mode)
|
|
28
30
|
* media.isTopmenu
|
|
@@ -11,6 +11,8 @@ const react_1 = require("formatchange/react");
|
|
|
11
11
|
* Exmple use:
|
|
12
12
|
*
|
|
13
13
|
* ```ts
|
|
14
|
+
* import { useFormatMonitor } from '@reykjavik/hanna-react/utils';
|
|
15
|
+
*
|
|
14
16
|
* useFormatMonitor((media) => {
|
|
15
17
|
* if (media.is === 'phone') {
|
|
16
18
|
* // do something clever because the window
|
|
@@ -27,8 +29,8 @@ const react_1 = require("formatchange/react");
|
|
|
27
29
|
*
|
|
28
30
|
* ```ts
|
|
29
31
|
* // type Formats = 'phone' | 'phablet' | 'tablet' | 'netbook' | 'wide'
|
|
30
|
-
* media.is
|
|
31
|
-
* media.was
|
|
32
|
+
* media.is // : Format
|
|
33
|
+
* media.was // ?: Format
|
|
32
34
|
* // Category/mode boolean flags
|
|
33
35
|
* // (Hamburger refers to the "mobile menu" mode)
|
|
34
36
|
* media.isTopmenu
|