@transferwise/components 45.19.6 → 45.21.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.
Files changed (135) hide show
  1. package/build/i18n/cs.json +11 -3
  2. package/build/i18n/de.json +11 -3
  3. package/build/i18n/en.json +1 -0
  4. package/build/i18n/es.json +11 -3
  5. package/build/i18n/fr.json +11 -3
  6. package/build/i18n/hu.json +11 -3
  7. package/build/i18n/id.json +11 -3
  8. package/build/i18n/it.json +11 -3
  9. package/build/i18n/ja.json +11 -3
  10. package/build/i18n/pl.json +11 -3
  11. package/build/i18n/pt.json +11 -3
  12. package/build/i18n/ro.json +11 -3
  13. package/build/i18n/ru.json +11 -3
  14. package/build/i18n/th.json +11 -3
  15. package/build/i18n/tr.json +11 -3
  16. package/build/i18n/uk.json +11 -3
  17. package/build/i18n/zh-CN.json +11 -3
  18. package/build/i18n/{zh.json → zh-HK.json} +11 -3
  19. package/build/index.esm.js +557 -248
  20. package/build/index.esm.js.map +1 -1
  21. package/build/index.js +557 -248
  22. package/build/index.js.map +1 -1
  23. package/build/main.css +1 -1
  24. package/build/styles/actionButton/ActionButton.css +1 -1
  25. package/build/styles/chips/Chip.css +1 -1
  26. package/build/styles/circularButton/CircularButton.css +1 -1
  27. package/build/styles/common/Option/Option.css +1 -1
  28. package/build/styles/common/bottomSheet/BottomSheet.css +1 -1
  29. package/build/styles/common/closeButton/CloseButton.css +1 -1
  30. package/build/styles/dateLookup/DateLookup.css +1 -1
  31. package/build/styles/drawer/Drawer.css +1 -1
  32. package/build/styles/flowNavigation/FlowNavigation.css +1 -1
  33. package/build/styles/inputs/SelectInput.css +1 -1
  34. package/build/styles/main.css +1 -1
  35. package/build/styles/overlayHeader/OverlayHeader.css +1 -1
  36. package/build/styles/statusIcon/StatusIcon.css +1 -1
  37. package/build/styles/summary/Summary.css +1 -1
  38. package/build/styles/typeahead/Typeahead.css +1 -1
  39. package/build/styles/uploadInput/UploadInput.css +1 -1
  40. package/build/types/common/bottomSheet/BottomSheet.d.ts.map +1 -1
  41. package/build/types/common/locale/index.d.ts +10 -1
  42. package/build/types/common/locale/index.d.ts.map +1 -1
  43. package/build/types/common/propsValues/breakpoint.d.ts +1 -0
  44. package/build/types/common/propsValues/breakpoint.d.ts.map +1 -1
  45. package/build/types/dateLookup/DateLookup.d.ts.map +1 -1
  46. package/build/types/dateLookup/dateHeader/DateHeader.d.ts.map +1 -1
  47. package/build/types/i18n/index.d.ts.map +1 -1
  48. package/build/types/inputs/SelectInput.d.ts +6 -3
  49. package/build/types/inputs/SelectInput.d.ts.map +1 -1
  50. package/build/types/inputs/SelectInput.messages.d.ts +9 -0
  51. package/build/types/inputs/SelectInput.messages.d.ts.map +1 -0
  52. package/build/types/inputs/_Popover.d.ts +2 -2
  53. package/build/types/inputs/_Popover.d.ts.map +1 -1
  54. package/build/types/test-utils/story-config.d.ts +11 -1
  55. package/build/types/test-utils/story-config.d.ts.map +1 -1
  56. package/build/types/test-utils/window-mock.d.ts +2 -0
  57. package/build/types/test-utils/window-mock.d.ts.map +1 -0
  58. package/package.json +4 -4
  59. package/src/actionButton/ActionButton.css +1 -1
  60. package/src/actionButton/ActionButton.less +5 -1
  61. package/src/chips/Chip.css +1 -1
  62. package/src/chips/Chip.less +8 -0
  63. package/src/circularButton/CircularButton.css +1 -1
  64. package/src/circularButton/CircularButton.less +9 -3
  65. package/src/common/Option/Option.css +1 -1
  66. package/src/common/Option/Option.less +6 -0
  67. package/src/common/bottomSheet/BottomSheet.css +1 -1
  68. package/src/common/bottomSheet/BottomSheet.less +1 -1
  69. package/src/common/bottomSheet/BottomSheet.spec.tsx +4 -1
  70. package/src/common/bottomSheet/BottomSheet.story.tsx +4 -0
  71. package/src/common/bottomSheet/BottomSheet.tsx +10 -1
  72. package/src/common/closeButton/CloseButton.css +1 -1
  73. package/src/common/closeButton/CloseButton.less +12 -0
  74. package/src/common/hooks/useMedia.spec.ts +3 -17
  75. package/src/common/locale/index.js +10 -1
  76. package/src/common/locale/index.spec.js +1 -34
  77. package/src/common/propsValues/breakpoint.ts +1 -0
  78. package/src/dateLookup/DateLookup.css +1 -1
  79. package/src/dateLookup/DateLookup.js +7 -3
  80. package/src/dateLookup/DateLookup.keyboardEvents.spec.js +3 -0
  81. package/src/dateLookup/DateLookup.less +6 -0
  82. package/src/dateLookup/DateLookup.story.js +6 -1
  83. package/src/dateLookup/DateLookup.testingLibrary.spec.js +3 -1
  84. package/src/dateLookup/DateLookup.view.spec.js +4 -0
  85. package/src/dateLookup/dateHeader/DateHeader.js +4 -2
  86. package/src/drawer/Drawer.css +1 -1
  87. package/src/drawer/Drawer.less +6 -8
  88. package/src/drawer/Drawer.story.js +42 -2
  89. package/src/flowNavigation/FlowNavigation.css +1 -1
  90. package/src/i18n/cs.json +11 -3
  91. package/src/i18n/de.json +11 -3
  92. package/src/i18n/en.json +1 -0
  93. package/src/i18n/es.json +11 -3
  94. package/src/i18n/fr.json +11 -3
  95. package/src/i18n/hu.json +11 -3
  96. package/src/i18n/id.json +11 -3
  97. package/src/i18n/index.ts +6 -2
  98. package/src/i18n/it.json +11 -3
  99. package/src/i18n/ja.json +11 -3
  100. package/src/i18n/pl.json +11 -3
  101. package/src/i18n/pt.json +11 -3
  102. package/src/i18n/ro.json +11 -3
  103. package/src/i18n/ru.json +11 -3
  104. package/src/i18n/th.json +11 -3
  105. package/src/i18n/tr.json +11 -3
  106. package/src/i18n/uk.json +11 -3
  107. package/src/i18n/zh-CN.json +11 -3
  108. package/src/i18n/{zh.json → zh-HK.json} +11 -3
  109. package/src/inputs/SelectInput.css +1 -1
  110. package/src/inputs/SelectInput.less +29 -7
  111. package/src/inputs/SelectInput.messages.ts +9 -0
  112. package/src/inputs/SelectInput.story.tsx +8 -5
  113. package/src/inputs/SelectInput.tsx +91 -33
  114. package/src/inputs/_BottomSheet.tsx +19 -19
  115. package/src/inputs/_Popover.tsx +2 -2
  116. package/src/main.css +1 -1
  117. package/src/modal/Modal.tsx +2 -2
  118. package/src/overlayHeader/OverlayHeader.css +1 -1
  119. package/src/popover/Popover.spec.js +3 -1
  120. package/src/radioGroup/RadioGroup.js +1 -1
  121. package/src/radioGroup/RadioGroup.spec.js +18 -0
  122. package/src/select/Select.spec.js +6 -9
  123. package/src/statusIcon/StatusIcon.css +1 -1
  124. package/src/statusIcon/StatusIcon.less +10 -0
  125. package/src/summary/Summary.css +1 -1
  126. package/src/summary/Summary.less +1 -1
  127. package/src/test-utils/index.js +1 -0
  128. package/src/test-utils/story-config.ts +21 -7
  129. package/src/test-utils/window-mock.ts +19 -0
  130. package/src/typeahead/Typeahead.css +1 -1
  131. package/src/typeahead/Typeahead.less +5 -6
  132. package/src/uploadInput/UploadInput.css +1 -1
  133. package/src/uploadInput/UploadInput.less +5 -1
  134. package/build/i18n/zh_CN.json +0 -44
  135. package/src/i18n/zh_CN.json +0 -44
package/src/inputs/_BottomSheet.tsx CHANGED
@@ -74,24 +74,24 @@ export function BottomSheet({
74
74
  setFloatingKey((prev) => prev + 1);
75
75
  }}
76
76
  >
77
- <Transition.Child
78
- enter="np-bottom-sheet-v2-backdrop-container--enter"
79
- enterFrom="np-bottom-sheet-v2-backdrop-container--enter-from"
80
- leave="np-bottom-sheet-v2-backdrop-container--leave"
81
- leaveTo="np-bottom-sheet-v2-backdrop-container--leave-to"
82
- >
83
- <div className="np-bottom-sheet-v2-backdrop" />
84
- </Transition.Child>
85
-
86
- <div className="np-bottom-sheet-v2">
77
+ <FocusBoundary>
87
78
  <Transition.Child
88
- className="np-bottom-sheet-v2-content"
89
- enter="np-bottom-sheet-v2-content--enter"
90
- enterFrom="np-bottom-sheet-v2-content--enter-from"
91
- leave="np-bottom-sheet-v2-content--leave"
92
- leaveTo="np-bottom-sheet-v2-content--leave-to"
79
+ enter="np-bottom-sheet-v2-backdrop-container--enter"
80
+ enterFrom="np-bottom-sheet-v2-backdrop-container--enter-from"
81
+ leave="np-bottom-sheet-v2-backdrop-container--leave"
82
+ leaveTo="np-bottom-sheet-v2-backdrop-container--leave-to"
93
83
  >
94
- <FocusBoundary>
84
+ <div className="np-bottom-sheet-v2-backdrop" />
85
+ </Transition.Child>
86
+
87
+ <div className="np-bottom-sheet-v2">
88
+ <Transition.Child
89
+ className="np-bottom-sheet-v2-content"
90
+ enter="np-bottom-sheet-v2-content--enter"
91
+ enterFrom="np-bottom-sheet-v2-content--enter-from"
92
+ leave="np-bottom-sheet-v2-content--leave"
93
+ leaveTo="np-bottom-sheet-v2-content--leave-to"
94
+ >
95
95
  <FloatingFocusManager
96
96
  context={context}
97
97
  initialFocus={initialFocusRef}
@@ -130,9 +130,9 @@ export function BottomSheet({
130
130
  </div>
131
131
  </div>
132
132
  </FloatingFocusManager>
133
- </FocusBoundary>
134
- </Transition.Child>
135
- </div>
133
+ </Transition.Child>
134
+ </div>
135
+ </FocusBoundary>
136
136
  </Transition>
137
137
  </ThemeProvider>
138
138
  </FloatingPortal>
package/src/inputs/_Popover.tsx CHANGED
@@ -4,8 +4,8 @@ import {
4
4
  FloatingFocusManager,
5
5
  FloatingPortal,
6
6
  offset,
7
+ type Placement,
7
8
  shift,
8
- type Side,
9
9
  size,
10
10
  useDismiss,
11
11
  useFloating,
@@ -21,7 +21,7 @@ import FocusBoundary from '../common/focusBoundary/FocusBoundary';
21
21
  import { PreventScroll } from '../common/preventScroll/PreventScroll';
22
22
 
23
23
  export interface PopoverProps {
24
- placement?: Side;
24
+ placement?: Placement;
25
25
  open: boolean;
26
26
  renderTrigger: (args: {
27
27
  ref: React.RefCallback<Element>;