@transferwise/components 46.2.0 → 46.4.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/build/index.esm.js +16 -11
- package/build/index.esm.js.map +1 -1
- package/build/index.js +16 -11
- package/build/index.js.map +1 -1
- package/build/types/common/responsivePanel/ResponsivePanel.d.ts.map +1 -1
- package/build/types/dimmer/Dimmer.d.ts.map +1 -1
- package/build/types/inputs/SelectInput.d.ts.map +1 -1
- package/build/types/inputs/_BottomSheet.d.ts.map +1 -1
- package/build/types/inputs/_Popover.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/common/bottomSheet/__snapshots__/BottomSheet.spec.tsx.snap +1 -1
- package/src/common/responsivePanel/ResponsivePanel.tsx +1 -2
- package/src/dimmer/Dimmer.tsx +5 -1
- package/src/inputs/SelectInput.tsx +6 -0
- package/src/inputs/_BottomSheet.tsx +5 -1
- package/src/inputs/_Popover.tsx +5 -1
- package/src/popover/__snapshots__/Popover.spec.js.snap +1 -1
- package/src/radioGroup/RadioGroup.js +2 -2
- package/src/radioGroup/RadioGroup.rtl.spec.tsx +16 -0
package/build/index.esm.js
CHANGED
|
@@ -1677,8 +1677,8 @@ const DimmerWrapper = ({
|
|
|
1677
1677
|
theme
|
|
1678
1678
|
} = useTheme();
|
|
1679
1679
|
return open || hasNotExited ? /*#__PURE__*/jsx(ThemeProvider, {
|
|
1680
|
-
theme:
|
|
1681
|
-
screenMode: screenMode,
|
|
1680
|
+
theme: "personal",
|
|
1681
|
+
screenMode: theme === 'personal' ? screenMode : 'light',
|
|
1682
1682
|
isNotRootProvider: true,
|
|
1683
1683
|
children: children
|
|
1684
1684
|
}) : /*#__PURE__*/jsx(Fragment, {
|
|
@@ -3336,9 +3336,6 @@ const ResponsivePanel = /*#__PURE__*/forwardRef(({
|
|
|
3336
3336
|
open = false,
|
|
3337
3337
|
position = Position.BOTTOM
|
|
3338
3338
|
}, reference) => {
|
|
3339
|
-
const {
|
|
3340
|
-
className: themeClassname
|
|
3341
|
-
} = useTheme();
|
|
3342
3339
|
const {
|
|
3343
3340
|
isMobile
|
|
3344
3341
|
} = useLayout();
|
|
@@ -3357,7 +3354,7 @@ const ResponsivePanel = /*#__PURE__*/forwardRef(({
|
|
|
3357
3354
|
open: open,
|
|
3358
3355
|
position: position,
|
|
3359
3356
|
anchorRef: anchorRef,
|
|
3360
|
-
className:
|
|
3357
|
+
className: className,
|
|
3361
3358
|
onClose: onClose,
|
|
3362
3359
|
children: children
|
|
3363
3360
|
}, "panel");
|
|
@@ -6511,8 +6508,8 @@ function BottomSheet({
|
|
|
6511
6508
|
getInteractionProps: getReferenceProps
|
|
6512
6509
|
}), /*#__PURE__*/jsx(FloatingPortal, {
|
|
6513
6510
|
children: /*#__PURE__*/jsx(ThemeProvider, {
|
|
6514
|
-
theme:
|
|
6515
|
-
screenMode: screenMode,
|
|
6511
|
+
theme: "personal",
|
|
6512
|
+
screenMode: theme === 'personal' ? screenMode : 'light',
|
|
6516
6513
|
isNotRootProvider: true,
|
|
6517
6514
|
children: /*#__PURE__*/jsx(Transition, {
|
|
6518
6515
|
show: open,
|
|
@@ -6659,8 +6656,8 @@ function Popover({
|
|
|
6659
6656
|
getInteractionProps: getReferenceProps
|
|
6660
6657
|
}), /*#__PURE__*/jsx(FloatingPortal, {
|
|
6661
6658
|
children: /*#__PURE__*/jsx(ThemeProvider, {
|
|
6662
|
-
theme:
|
|
6663
|
-
screenMode: screenMode,
|
|
6659
|
+
theme: "personal",
|
|
6660
|
+
screenMode: theme === 'personal' ? screenMode : 'light',
|
|
6664
6661
|
isNotRootProvider: true,
|
|
6665
6662
|
children: /*#__PURE__*/jsx(Transition, {
|
|
6666
6663
|
show: open,
|
|
@@ -7034,6 +7031,13 @@ function SelectInputOptions({
|
|
|
7034
7031
|
controllerRef.current.setAttribute('aria-activedescendant', value);
|
|
7035
7032
|
} else {
|
|
7036
7033
|
controllerRef.current.removeAttribute('aria-activedescendant');
|
|
7034
|
+
if (filterQuery) {
|
|
7035
|
+
// Ensure having an active option while filtering
|
|
7036
|
+
controllerRef.current.dispatchEvent(new KeyboardEvent('keydown', {
|
|
7037
|
+
key: 'Home',
|
|
7038
|
+
bubbles: true
|
|
7039
|
+
}));
|
|
7040
|
+
}
|
|
7037
7041
|
}
|
|
7038
7042
|
}
|
|
7039
7043
|
},
|
|
@@ -10468,7 +10472,8 @@ class RadioGroup extends Component {
|
|
|
10468
10472
|
const {
|
|
10469
10473
|
selectedValue
|
|
10470
10474
|
} = this.state;
|
|
10471
|
-
return radios && radios.length > 0 ? /*#__PURE__*/jsx(
|
|
10475
|
+
return radios && radios.length > 0 ? /*#__PURE__*/jsx("div", {
|
|
10476
|
+
role: "radiogroup",
|
|
10472
10477
|
children: radios.map(({
|
|
10473
10478
|
id,
|
|
10474
10479
|
avatar,
|