@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.js
CHANGED
|
@@ -1711,8 +1711,8 @@ const DimmerWrapper = ({
|
|
|
1711
1711
|
theme
|
|
1712
1712
|
} = componentsTheming.useTheme();
|
|
1713
1713
|
return open || hasNotExited ? /*#__PURE__*/jsxRuntime.jsx(componentsTheming.ThemeProvider, {
|
|
1714
|
-
theme:
|
|
1715
|
-
screenMode: screenMode,
|
|
1714
|
+
theme: "personal",
|
|
1715
|
+
screenMode: theme === 'personal' ? screenMode : 'light',
|
|
1716
1716
|
isNotRootProvider: true,
|
|
1717
1717
|
children: children
|
|
1718
1718
|
}) : /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
@@ -3370,9 +3370,6 @@ const ResponsivePanel = /*#__PURE__*/React.forwardRef(({
|
|
|
3370
3370
|
open = false,
|
|
3371
3371
|
position = exports.Position.BOTTOM
|
|
3372
3372
|
}, reference) => {
|
|
3373
|
-
const {
|
|
3374
|
-
className: themeClassname
|
|
3375
|
-
} = componentsTheming.useTheme();
|
|
3376
3373
|
const {
|
|
3377
3374
|
isMobile
|
|
3378
3375
|
} = useLayout();
|
|
@@ -3391,7 +3388,7 @@ const ResponsivePanel = /*#__PURE__*/React.forwardRef(({
|
|
|
3391
3388
|
open: open,
|
|
3392
3389
|
position: position,
|
|
3393
3390
|
anchorRef: anchorRef,
|
|
3394
|
-
className:
|
|
3391
|
+
className: className,
|
|
3395
3392
|
onClose: onClose,
|
|
3396
3393
|
children: children
|
|
3397
3394
|
}, "panel");
|
|
@@ -6545,8 +6542,8 @@ function BottomSheet({
|
|
|
6545
6542
|
getInteractionProps: getReferenceProps
|
|
6546
6543
|
}), /*#__PURE__*/jsxRuntime.jsx(react.FloatingPortal, {
|
|
6547
6544
|
children: /*#__PURE__*/jsxRuntime.jsx(componentsTheming.ThemeProvider, {
|
|
6548
|
-
theme:
|
|
6549
|
-
screenMode: screenMode,
|
|
6545
|
+
theme: "personal",
|
|
6546
|
+
screenMode: theme === 'personal' ? screenMode : 'light',
|
|
6550
6547
|
isNotRootProvider: true,
|
|
6551
6548
|
children: /*#__PURE__*/jsxRuntime.jsx(react$1.Transition, {
|
|
6552
6549
|
show: open,
|
|
@@ -6693,8 +6690,8 @@ function Popover({
|
|
|
6693
6690
|
getInteractionProps: getReferenceProps
|
|
6694
6691
|
}), /*#__PURE__*/jsxRuntime.jsx(react.FloatingPortal, {
|
|
6695
6692
|
children: /*#__PURE__*/jsxRuntime.jsx(componentsTheming.ThemeProvider, {
|
|
6696
|
-
theme:
|
|
6697
|
-
screenMode: screenMode,
|
|
6693
|
+
theme: "personal",
|
|
6694
|
+
screenMode: theme === 'personal' ? screenMode : 'light',
|
|
6698
6695
|
isNotRootProvider: true,
|
|
6699
6696
|
children: /*#__PURE__*/jsxRuntime.jsx(react$1.Transition, {
|
|
6700
6697
|
show: open,
|
|
@@ -7068,6 +7065,13 @@ function SelectInputOptions({
|
|
|
7068
7065
|
controllerRef.current.setAttribute('aria-activedescendant', value);
|
|
7069
7066
|
} else {
|
|
7070
7067
|
controllerRef.current.removeAttribute('aria-activedescendant');
|
|
7068
|
+
if (filterQuery) {
|
|
7069
|
+
// Ensure having an active option while filtering
|
|
7070
|
+
controllerRef.current.dispatchEvent(new KeyboardEvent('keydown', {
|
|
7071
|
+
key: 'Home',
|
|
7072
|
+
bubbles: true
|
|
7073
|
+
}));
|
|
7074
|
+
}
|
|
7071
7075
|
}
|
|
7072
7076
|
}
|
|
7073
7077
|
},
|
|
@@ -10502,7 +10506,8 @@ class RadioGroup extends React.Component {
|
|
|
10502
10506
|
const {
|
|
10503
10507
|
selectedValue
|
|
10504
10508
|
} = this.state;
|
|
10505
|
-
return radios && radios.length > 0 ? /*#__PURE__*/jsxRuntime.jsx(
|
|
10509
|
+
return radios && radios.length > 0 ? /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
10510
|
+
role: "radiogroup",
|
|
10506
10511
|
children: radios.map(({
|
|
10507
10512
|
id,
|
|
10508
10513
|
avatar,
|