@skyscanner/backpack-web 7.1.0 → 8.0.0
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/bpk-animate-height/package.json +2 -2
- package/bpk-component-accordion/package.json +6 -6
- package/bpk-component-aria-live/package.json +7 -7
- package/bpk-component-autosuggest/package.json +4 -4
- package/bpk-component-badge/package.json +4 -4
- package/bpk-component-banner-alert/package.json +8 -8
- package/bpk-component-barchart/package.json +7 -7
- package/bpk-component-blockquote/package.json +2 -2
- package/bpk-component-breadcrumb/package.json +5 -5
- package/bpk-component-breakpoint/package.json +2 -2
- package/bpk-component-button/package.json +2 -2
- package/bpk-component-calendar/package.json +8 -8
- package/bpk-component-card/package.json +4 -4
- package/bpk-component-checkbox/package.json +4 -4
- package/bpk-component-chip/package.json +5 -5
- package/bpk-component-close-button/package.json +4 -4
- package/bpk-component-code/package.json +2 -2
- package/bpk-component-content-container/package.json +2 -2
- package/bpk-component-datatable/package.json +3 -3
- package/bpk-component-datepicker/README.md +4 -0
- package/bpk-component-datepicker/package.json +8 -8
- package/bpk-component-datepicker/src/BpkDatepicker.js +18 -13
- package/bpk-component-datepicker/src/BpkDatepicker.module.scss +5 -0
- package/bpk-component-description-list/package.json +2 -2
- package/bpk-component-dialog/package.json +8 -8
- package/bpk-component-drawer/package.json +8 -8
- package/bpk-component-fieldset/package.json +12 -12
- package/bpk-component-flare/package.json +4 -4
- package/bpk-component-floating-notification/package.json +5 -5
- package/bpk-component-form-validation/package.json +9 -9
- package/bpk-component-graphic-promotion/package.json +4 -4
- package/bpk-component-grid/package.json +2 -2
- package/bpk-component-grid-toggle/package.json +3 -3
- package/bpk-component-horizontal-nav/package.json +5 -5
- package/bpk-component-icon/package.json +5 -5
- package/bpk-component-image/package.json +5 -5
- package/bpk-component-infinite-scroll/package.json +6 -6
- package/bpk-component-input/package.json +6 -6
- package/bpk-component-label/package.json +2 -2
- package/bpk-component-link/package.json +3 -3
- package/bpk-component-list/package.json +2 -2
- package/bpk-component-loading-button/package.json +6 -6
- package/bpk-component-map/package.json +6 -6
- package/bpk-component-mobile-scroll-container/package.json +2 -2
- package/bpk-component-modal/package.json +9 -9
- package/bpk-component-navigation-bar/package.json +7 -7
- package/bpk-component-navigation-stack/package.json +6 -6
- package/bpk-component-nudger/package.json +6 -6
- package/bpk-component-overlay/package.json +4 -4
- package/bpk-component-pagination/package.json +4 -4
- package/bpk-component-panel/package.json +2 -2
- package/bpk-component-phone-input/package.json +8 -8
- package/bpk-component-popover/README.md +15 -3
- package/bpk-component-popover/package.json +8 -8
- package/bpk-component-popover/src/BpkPopoverPortal.js +2 -10
- package/bpk-component-price/package.json +3 -3
- package/bpk-component-progress/package.json +4 -4
- package/bpk-component-radio/package.json +3 -3
- package/bpk-component-rating/package.json +3 -3
- package/bpk-component-rtl-toggle/package.json +3 -3
- package/bpk-component-scrollable-calendar/package.json +5 -5
- package/bpk-component-section-list/package.json +5 -5
- package/bpk-component-select/package.json +3 -3
- package/bpk-component-skip-link/package.json +2 -2
- package/bpk-component-slider/package.json +3 -3
- package/bpk-component-spinner/package.json +2 -2
- package/bpk-component-split-input/package.json +3 -3
- package/bpk-component-star-rating/package.json +5 -5
- package/bpk-component-switch/package.json +2 -2
- package/bpk-component-table/package.json +2 -2
- package/bpk-component-text/package.json +2 -2
- package/bpk-component-textarea/package.json +4 -4
- package/bpk-component-theme-toggle/package.json +4 -4
- package/bpk-component-ticket/package.json +4 -4
- package/bpk-component-tooltip/README.md +12 -1
- package/bpk-component-tooltip/package.json +3 -3
- package/bpk-component-tooltip/src/BpkTooltip.module.scss +4 -0
- package/bpk-component-tooltip/src/BpkTooltipPortal.js +24 -21
- package/bpk-react-utils/package.json +1 -1
- package/bpk-react-utils/src/Portal.js +1 -1
- package/bpk-scrim-utils/package.json +2 -2
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-animate-height",
|
|
3
|
-
"version": "4.1.
|
|
3
|
+
"version": "4.1.13",
|
|
4
4
|
"description": "Animate height using CSS transitions.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -21,6 +21,6 @@
|
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@skyscanner/bpk-foundations-web": "^8.0.0",
|
|
24
|
-
"bpk-component-button": "^6.2.
|
|
24
|
+
"bpk-component-button": "^6.2.8"
|
|
25
25
|
}
|
|
26
26
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-accordion",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.14",
|
|
4
4
|
"description": "Backpack accordion component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,11 +14,11 @@
|
|
|
14
14
|
},
|
|
15
15
|
"gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"bpk-animate-height": "^4.1.
|
|
18
|
-
"bpk-component-icon": "^9.2.
|
|
19
|
-
"bpk-component-text": "^7.0.
|
|
17
|
+
"bpk-animate-height": "^4.1.13",
|
|
18
|
+
"bpk-component-icon": "^9.2.14",
|
|
19
|
+
"bpk-component-text": "^7.0.7",
|
|
20
20
|
"bpk-mixins": "^31.1.1",
|
|
21
|
-
"bpk-react-utils": "^6.0.
|
|
21
|
+
"bpk-react-utils": "^6.0.1",
|
|
22
22
|
"prop-types": "^15.7.2"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
@@ -26,6 +26,6 @@
|
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@skyscanner/bpk-foundations-web": "^8.0.0",
|
|
29
|
-
"bpk-component-checkbox": "^4.1.
|
|
29
|
+
"bpk-component-checkbox": "^4.1.15"
|
|
30
30
|
}
|
|
31
31
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-aria-live",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.22",
|
|
4
4
|
"description": "Backpack aria-live component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,15 +14,15 @@
|
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
16
|
"bpk-mixins": "^31.1.1",
|
|
17
|
-
"bpk-react-utils": "^6.0.
|
|
17
|
+
"bpk-react-utils": "^6.0.1",
|
|
18
18
|
"prop-types": "^15.5.8"
|
|
19
19
|
},
|
|
20
20
|
"devDependencies": {
|
|
21
|
-
"bpk-component-chip": "^5.2.
|
|
22
|
-
"bpk-component-code": "^3.1.
|
|
23
|
-
"bpk-component-fieldset": "^4.1.
|
|
24
|
-
"bpk-component-select": "^5.1.
|
|
25
|
-
"bpk-component-switch": "^2.1.
|
|
21
|
+
"bpk-component-chip": "^5.2.19",
|
|
22
|
+
"bpk-component-code": "^3.1.13",
|
|
23
|
+
"bpk-component-fieldset": "^4.1.22",
|
|
24
|
+
"bpk-component-select": "^5.1.13",
|
|
25
|
+
"bpk-component-switch": "^2.1.14"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"react": "^16.3.0 || ^17.0.0"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-autosuggest",
|
|
3
|
-
"version": "6.1.
|
|
3
|
+
"version": "6.1.19",
|
|
4
4
|
"description": "Backpack autosuggest component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
},
|
|
15
15
|
"gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"bpk-component-input": "^6.1.
|
|
17
|
+
"bpk-component-input": "^6.1.19",
|
|
18
18
|
"bpk-mixins": "^31.1.1",
|
|
19
|
-
"bpk-react-utils": "^6.0.
|
|
19
|
+
"bpk-react-utils": "^6.0.1",
|
|
20
20
|
"prop-types": "^15.7.2",
|
|
21
21
|
"react-autosuggest": "^9.4.3"
|
|
22
22
|
},
|
|
@@ -24,6 +24,6 @@
|
|
|
24
24
|
"react": "^16.3.0 || ^17.0.0"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
|
-
"bpk-component-icon": "^9.2.
|
|
27
|
+
"bpk-component-icon": "^9.2.14"
|
|
28
28
|
}
|
|
29
29
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-badge",
|
|
3
|
-
"version": "4.1.
|
|
3
|
+
"version": "4.1.14",
|
|
4
4
|
"description": "Backpack badge component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"bpk-mixins": "^31.1.1",
|
|
18
|
-
"bpk-react-utils": "^6.0.
|
|
18
|
+
"bpk-react-utils": "^6.0.1",
|
|
19
19
|
"prop-types": "^15.7.2"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@skyscanner/bpk-foundations-web": "^8.0.0",
|
|
26
|
-
"bpk-component-icon": "^9.2.
|
|
27
|
-
"bpk-storybook-utils": "^1.1.
|
|
26
|
+
"bpk-component-icon": "^9.2.14",
|
|
27
|
+
"bpk-storybook-utils": "^1.1.12"
|
|
28
28
|
}
|
|
29
29
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-banner-alert",
|
|
3
|
-
"version": "6.1.
|
|
3
|
+
"version": "6.1.19",
|
|
4
4
|
"description": "Backpack banner alert component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -15,18 +15,18 @@
|
|
|
15
15
|
"gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@skyscanner/bpk-foundations-web": "^8.0.0",
|
|
18
|
-
"bpk-animate-height": "^4.1.
|
|
19
|
-
"bpk-component-close-button": "^3.1.
|
|
20
|
-
"bpk-component-icon": "^9.2.
|
|
18
|
+
"bpk-animate-height": "^4.1.13",
|
|
19
|
+
"bpk-component-close-button": "^3.1.14",
|
|
20
|
+
"bpk-component-icon": "^9.2.14",
|
|
21
21
|
"bpk-mixins": "^31.1.1",
|
|
22
|
-
"bpk-react-utils": "^6.0.
|
|
22
|
+
"bpk-react-utils": "^6.0.1",
|
|
23
23
|
"prop-types": "^15.7.2",
|
|
24
24
|
"react-transition-group": "^2.5.3"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
|
-
"bpk-component-aria-live": "^2.1.
|
|
28
|
-
"bpk-component-button": "^6.2.
|
|
29
|
-
"bpk-storybook-utils": "^1.1.
|
|
27
|
+
"bpk-component-aria-live": "^2.1.22",
|
|
28
|
+
"bpk-component-button": "^6.2.8",
|
|
29
|
+
"bpk-storybook-utils": "^1.1.12"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"react": "^16.3.0 || ^17.0.0"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-barchart",
|
|
3
|
-
"version": "4.2.
|
|
3
|
+
"version": "4.2.15",
|
|
4
4
|
"description": "Backpack bar chart component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
"gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@skyscanner/bpk-foundations-web": "^8.0.0",
|
|
18
|
-
"bpk-component-mobile-scroll-container": "^3.1.
|
|
18
|
+
"bpk-component-mobile-scroll-container": "^3.1.13",
|
|
19
19
|
"bpk-mixins": "^31.1.1",
|
|
20
|
-
"bpk-react-utils": "^6.0.
|
|
20
|
+
"bpk-react-utils": "^6.0.1",
|
|
21
21
|
"d3-path": "^2.0.0",
|
|
22
22
|
"d3-scale": "^4.0.2",
|
|
23
23
|
"lodash.debounce": "^4.0.8",
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
"react": "^16.3.0 || ^17.0.0"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"bpk-component-breakpoint": "^4.0.
|
|
31
|
-
"bpk-component-content-container": "^5.0.
|
|
32
|
-
"bpk-component-rtl-toggle": "^3.1.
|
|
33
|
-
"bpk-component-text": "^7.0.
|
|
30
|
+
"bpk-component-breakpoint": "^4.0.5",
|
|
31
|
+
"bpk-component-content-container": "^5.0.7",
|
|
32
|
+
"bpk-component-rtl-toggle": "^3.1.13",
|
|
33
|
+
"bpk-component-text": "^7.0.7"
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-blockquote",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.13",
|
|
4
4
|
"description": "Backpack blockquote component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"bpk-mixins": "^31.1.1",
|
|
18
|
-
"bpk-react-utils": "^6.0.
|
|
18
|
+
"bpk-react-utils": "^6.0.1",
|
|
19
19
|
"prop-types": "^15.7.2"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-breadcrumb",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.14",
|
|
4
4
|
"description": "Backpack breadcrumb component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,11 +14,11 @@
|
|
|
14
14
|
},
|
|
15
15
|
"gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"bpk-component-icon": "^9.2.
|
|
18
|
-
"bpk-component-link": "^3.1.
|
|
19
|
-
"bpk-component-text": "^7.0.
|
|
17
|
+
"bpk-component-icon": "^9.2.14",
|
|
18
|
+
"bpk-component-link": "^3.1.13",
|
|
19
|
+
"bpk-component-text": "^7.0.7",
|
|
20
20
|
"bpk-mixins": "^31.1.1",
|
|
21
|
-
"bpk-react-utils": "^6.0.
|
|
21
|
+
"bpk-react-utils": "^6.0.1",
|
|
22
22
|
"prop-types": "^15.7.2"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-breakpoint",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.5",
|
|
4
4
|
"description": "Backpack breakpoint component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"bpk-mixins": "^31.1.1",
|
|
18
|
-
"bpk-react-utils": "^6.0.
|
|
18
|
+
"bpk-react-utils": "^6.0.1",
|
|
19
19
|
"prop-types": "^15.7.2",
|
|
20
20
|
"react-responsive": "^6.1.2"
|
|
21
21
|
},
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-button",
|
|
3
|
-
"version": "6.2.
|
|
3
|
+
"version": "6.2.8",
|
|
4
4
|
"description": "Backpack button component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"prop-types": "^15.7.2"
|
|
19
19
|
},
|
|
20
20
|
"devDependencies": {
|
|
21
|
-
"bpk-storybook-utils": "^1.1.
|
|
21
|
+
"bpk-storybook-utils": "^1.1.12"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
24
|
"react": "^16.3.0 || ^17.0.0"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-calendar",
|
|
3
|
-
"version": "11.2.
|
|
3
|
+
"version": "11.2.2",
|
|
4
4
|
"description": "Backpack calendar component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
"gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@skyscanner/bpk-foundations-web": "^8.0.0",
|
|
18
|
-
"bpk-component-aria-live": "^2.1.
|
|
19
|
-
"bpk-component-icon": "^9.2.
|
|
20
|
-
"bpk-component-select": "^5.1.
|
|
18
|
+
"bpk-component-aria-live": "^2.1.22",
|
|
19
|
+
"bpk-component-icon": "^9.2.14",
|
|
20
|
+
"bpk-component-select": "^5.1.13",
|
|
21
21
|
"bpk-mixins": "^31.1.1",
|
|
22
|
-
"bpk-react-utils": "^6.0.
|
|
22
|
+
"bpk-react-utils": "^6.0.1",
|
|
23
23
|
"date-fns": "^2.21.1",
|
|
24
24
|
"prop-types": "^15.7.2"
|
|
25
25
|
},
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"react": "^16.3.0 || ^17.0.0"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"bpk-component-button": "^6.2.
|
|
31
|
-
"bpk-component-text": "^7.0.
|
|
32
|
-
"bpk-storybook-utils": "^1.1.
|
|
30
|
+
"bpk-component-button": "^6.2.8",
|
|
31
|
+
"bpk-component-text": "^7.0.7",
|
|
32
|
+
"bpk-storybook-utils": "^1.1.12"
|
|
33
33
|
}
|
|
34
34
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-card",
|
|
3
|
-
"version": "4.1.
|
|
3
|
+
"version": "4.1.14",
|
|
4
4
|
"description": "Backpack card component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -15,12 +15,12 @@
|
|
|
15
15
|
"gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"bpk-mixins": "^31.1.1",
|
|
18
|
-
"bpk-react-utils": "^6.0.
|
|
18
|
+
"bpk-react-utils": "^6.0.1",
|
|
19
19
|
"prop-types": "^15.7.2"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"bpk-component-link": "^3.1.
|
|
23
|
-
"bpk-component-text": "^7.0.
|
|
22
|
+
"bpk-component-link": "^3.1.13",
|
|
23
|
+
"bpk-component-text": "^7.0.7"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
26
|
"react": "^16.3.0 || ^17.0.0"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-checkbox",
|
|
3
|
-
"version": "4.1.
|
|
3
|
+
"version": "4.1.15",
|
|
4
4
|
"description": "Backpack checkbox component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
},
|
|
15
15
|
"gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"bpk-component-icon": "^9.2.
|
|
17
|
+
"bpk-component-icon": "^9.2.14",
|
|
18
18
|
"bpk-mixins": "^31.1.1",
|
|
19
|
-
"bpk-react-utils": "^6.0.
|
|
19
|
+
"bpk-react-utils": "^6.0.1",
|
|
20
20
|
"prop-types": "^15.7.2"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
@@ -24,6 +24,6 @@
|
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@skyscanner/bpk-foundations-web": "^8.0.0",
|
|
27
|
-
"bpk-storybook-utils": "^1.1.
|
|
27
|
+
"bpk-storybook-utils": "^1.1.12"
|
|
28
28
|
}
|
|
29
29
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-chip",
|
|
3
|
-
"version": "5.2.
|
|
3
|
+
"version": "5.2.19",
|
|
4
4
|
"description": "Backpack chip component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,16 +14,16 @@
|
|
|
14
14
|
},
|
|
15
15
|
"gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"bpk-component-icon": "^9.2.
|
|
17
|
+
"bpk-component-icon": "^9.2.14",
|
|
18
18
|
"bpk-mixins": "^31.1.1",
|
|
19
|
-
"bpk-react-utils": "^6.0.
|
|
19
|
+
"bpk-react-utils": "^6.0.1",
|
|
20
20
|
"prop-types": "^15.7.2"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
23
|
"react": "^16.3.0 || ^17.0.0"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"bpk-component-aria-live": "^2.1.
|
|
27
|
-
"bpk-component-text": "^7.0.
|
|
26
|
+
"bpk-component-aria-live": "^2.1.22",
|
|
27
|
+
"bpk-component-text": "^7.0.7"
|
|
28
28
|
}
|
|
29
29
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-close-button",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.14",
|
|
4
4
|
"description": "Backpack close button component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,13 +14,13 @@
|
|
|
14
14
|
},
|
|
15
15
|
"gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"bpk-component-icon": "^9.2.
|
|
17
|
+
"bpk-component-icon": "^9.2.14",
|
|
18
18
|
"bpk-mixins": "^31.1.1",
|
|
19
|
-
"bpk-react-utils": "^6.0.
|
|
19
|
+
"bpk-react-utils": "^6.0.1",
|
|
20
20
|
"prop-types": "^15.7.2"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
|
-
"bpk-storybook-utils": "^1.1.
|
|
23
|
+
"bpk-storybook-utils": "^1.1.12"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
26
|
"react": "^16.3.0 || ^17.0.0"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-code",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.13",
|
|
4
4
|
"description": "Backpack code component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"bpk-mixins": "^31.1.1",
|
|
18
|
-
"bpk-react-utils": "^6.0.
|
|
18
|
+
"bpk-react-utils": "^6.0.1",
|
|
19
19
|
"prop-types": "^15.7.2"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-content-container",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.7",
|
|
4
4
|
"description": "Backpack content container component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"bpk-mixins": "^31.1.1",
|
|
18
|
-
"bpk-react-utils": "^6.0.
|
|
18
|
+
"bpk-react-utils": "^6.0.1",
|
|
19
19
|
"prop-types": "^15.7.2"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-datatable",
|
|
3
|
-
"version": "4.2.
|
|
3
|
+
"version": "4.2.1",
|
|
4
4
|
"description": "Backpack datatable component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
},
|
|
15
15
|
"gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"bpk-component-icon": "^9.2.
|
|
17
|
+
"bpk-component-icon": "^9.2.14",
|
|
18
18
|
"bpk-mixins": "^31.1.1",
|
|
19
|
-
"bpk-react-utils": "^6.0.
|
|
19
|
+
"bpk-react-utils": "^6.0.1",
|
|
20
20
|
"lodash": "^4.17.20",
|
|
21
21
|
"prop-types": "^15.7.2",
|
|
22
22
|
"react-virtualized": "^9.22.3"
|
|
@@ -121,6 +121,10 @@ const CustomPicker = () => (
|
|
|
121
121
|
|
|
122
122
|
## Props
|
|
123
123
|
|
|
124
|
+
#### inputComponent
|
|
125
|
+
|
|
126
|
+
`inputComponent` prop is not required. However, if you do pass an `inputComponent` it should be a DOM node with a `ref` attached to it.
|
|
127
|
+
|
|
124
128
|
For more information on some these props, check the BpkCalendar documentation.
|
|
125
129
|
|
|
126
130
|
> **Note:** Because this component uses a modal on mobile viewports, you need to let it know what
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-datepicker",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "17.0.0",
|
|
4
4
|
"description": "Backpack datepicker component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,13 +14,13 @@
|
|
|
14
14
|
},
|
|
15
15
|
"gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"bpk-component-breakpoint": "^4.0.
|
|
18
|
-
"bpk-component-calendar": "^11.2.
|
|
19
|
-
"bpk-component-input": "^6.1.
|
|
20
|
-
"bpk-component-modal": "^5.0.
|
|
21
|
-
"bpk-component-popover": "^
|
|
17
|
+
"bpk-component-breakpoint": "^4.0.5",
|
|
18
|
+
"bpk-component-calendar": "^11.2.2",
|
|
19
|
+
"bpk-component-input": "^6.1.19",
|
|
20
|
+
"bpk-component-modal": "^5.0.1",
|
|
21
|
+
"bpk-component-popover": "^7.0.0",
|
|
22
22
|
"bpk-mixins": "^31.1.1",
|
|
23
|
-
"bpk-react-utils": "^6.0.
|
|
23
|
+
"bpk-react-utils": "^6.0.1",
|
|
24
24
|
"prop-types": "^15.7.2"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
@@ -28,6 +28,6 @@
|
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@skyscanner/bpk-foundations-web": "^8.0.0",
|
|
31
|
-
"bpk-storybook-utils": "^1.1.
|
|
31
|
+
"bpk-storybook-utils": "^1.1.12"
|
|
32
32
|
}
|
|
33
33
|
}
|
|
@@ -58,6 +58,7 @@ class BpkDatepicker extends Component {
|
|
|
58
58
|
this.state = {
|
|
59
59
|
isOpen: props.isOpen,
|
|
60
60
|
};
|
|
61
|
+
this.inputRef = React.createRef();
|
|
61
62
|
}
|
|
62
63
|
|
|
63
64
|
componentDidUpdate(prevProps, prevState) {
|
|
@@ -221,20 +222,24 @@ class BpkDatepicker extends Component {
|
|
|
221
222
|
delete rest.isOpen;
|
|
222
223
|
|
|
223
224
|
const input = inputComponent || (
|
|
224
|
-
<
|
|
225
|
-
id={id}
|
|
226
|
-
name={`${id}_input`}
|
|
227
|
-
value={this.getValue(selectionConfiguration, formatDate)}
|
|
225
|
+
<div
|
|
228
226
|
className={getClassName('bpk-datepicker__input')}
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
227
|
+
ref={this.inputRef}
|
|
228
|
+
>
|
|
229
|
+
<Input
|
|
230
|
+
id={id}
|
|
231
|
+
name={`${id}_input`}
|
|
232
|
+
value={this.getValue(selectionConfiguration, formatDate)}
|
|
233
|
+
aria-live="assertive"
|
|
234
|
+
aria-atomic="true"
|
|
235
|
+
aria-label={this.getLabel(selectionConfiguration, formatDateFull)}
|
|
236
|
+
onChange={() => null}
|
|
237
|
+
onOpen={this.onOpen}
|
|
238
|
+
isOpen={this.state.isOpen}
|
|
239
|
+
valid={valid}
|
|
240
|
+
{...inputProps}
|
|
241
|
+
/>
|
|
242
|
+
</div>
|
|
238
243
|
);
|
|
239
244
|
|
|
240
245
|
const calendarProps = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-description-list",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.1",
|
|
4
4
|
"description": "Backpack description list component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"bpk-mixins": "^31.1.1",
|
|
18
|
-
"bpk-react-utils": "^6.0.
|
|
18
|
+
"bpk-react-utils": "^6.0.1",
|
|
19
19
|
"prop-types": "^15.7.2"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-dialog",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.1",
|
|
4
4
|
"description": "Backpack dialog component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,19 +14,19 @@
|
|
|
14
14
|
},
|
|
15
15
|
"gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"bpk-component-close-button": "^3.1.
|
|
18
|
-
"bpk-component-flare": "^2.1.
|
|
17
|
+
"bpk-component-close-button": "^3.1.14",
|
|
18
|
+
"bpk-component-flare": "^2.1.16",
|
|
19
19
|
"bpk-mixins": "^31.1.1",
|
|
20
|
-
"bpk-react-utils": "^6.0.
|
|
21
|
-
"bpk-scrim-utils": "^5.1.
|
|
20
|
+
"bpk-react-utils": "^6.0.1",
|
|
21
|
+
"bpk-scrim-utils": "^5.1.12",
|
|
22
22
|
"prop-types": "^15.7.2"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"react": "^16.3.0 || ^17.0.0"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"bpk-component-button": "^6.2.
|
|
29
|
-
"bpk-component-icon": "^9.2.
|
|
30
|
-
"bpk-component-text": "^7.0.
|
|
28
|
+
"bpk-component-button": "^6.2.8",
|
|
29
|
+
"bpk-component-icon": "^9.2.14",
|
|
30
|
+
"bpk-component-text": "^7.0.7"
|
|
31
31
|
}
|
|
32
32
|
}
|