@transferwise/components 37.0.0 → 37.0.1-beta.23

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 (371) hide show
  1. package/CHANGELOG.md +264 -0
  2. package/build/es/no-polyfill/accordion/Accordion.js +1 -1
  3. package/build/es/no-polyfill/accordion/AccordionItem/AccordionItem.js +1 -1
  4. package/build/es/no-polyfill/actionOption/ActionOption.js +1 -1
  5. package/build/es/no-polyfill/actionOption/ActionOption.story.js +1 -1
  6. package/build/es/no-polyfill/alert/Alert.js +1 -1
  7. package/build/es/no-polyfill/alert/inlineMarkdown/InlineMarkdown.js +1 -1
  8. package/build/es/no-polyfill/alert/withArrow/withArrow.js +1 -1
  9. package/build/es/no-polyfill/avatar/Avatar.js +1 -1
  10. package/build/es/no-polyfill/avatarWrapper/AvatarWrapper.js +1 -1
  11. package/build/es/no-polyfill/badge/Badge.js +1 -1
  12. package/build/es/no-polyfill/button/Button.js +1 -2
  13. package/build/es/no-polyfill/card/Card.js +2 -5
  14. package/build/es/no-polyfill/checkbox/Checkbox.js +1 -1
  15. package/build/es/no-polyfill/checkboxButton/CheckboxButton.js +1 -1
  16. package/build/es/no-polyfill/checkboxOption/CheckboxOption.js +1 -1
  17. package/build/es/no-polyfill/chevron/Chevron.js +1 -1
  18. package/build/es/no-polyfill/chip/Chip.js +8 -2
  19. package/build/es/no-polyfill/circularButton/CircularButton.js +1 -1
  20. package/build/es/no-polyfill/common/Option/Option.js +1 -1
  21. package/build/es/no-polyfill/common/Option/OptionDocumentation.js +1 -0
  22. package/build/es/no-polyfill/common/RadioButton/RadioButton.js +1 -1
  23. package/build/es/no-polyfill/common/bottomSheet/BottomSheet.js +4 -6
  24. package/build/es/no-polyfill/common/closeButton/CloseButton.js +1 -1
  25. package/build/es/no-polyfill/common/focusBoundary/FocusBoundary.js +1 -1
  26. package/build/es/no-polyfill/common/focusBoundary/utils/getFocusableElements.js +2 -2
  27. package/build/es/no-polyfill/common/focusBoundary/utils/resetFocus.js +2 -2
  28. package/build/es/no-polyfill/common/historyNavigator/historyNavigator.js +1 -1
  29. package/build/es/no-polyfill/common/hooks/useClientWidth/useClientWidth.js +2 -1
  30. package/build/es/no-polyfill/common/hooks/useConditionalListener/useConditionalListener.js +3 -5
  31. package/build/es/no-polyfill/common/hooks/useHasIntersected/useHasIntersected.js +3 -2
  32. package/build/es/no-polyfill/common/keyCodes.js +1 -0
  33. package/build/es/no-polyfill/common/panel/Panel.js +2 -3
  34. package/build/es/no-polyfill/common/requirements.js +2 -2
  35. package/build/es/no-polyfill/common/responsivePanel/ResponsivePanel.js +1 -1
  36. package/build/es/no-polyfill/common/textFormat/getCursorPositionAfterKeystroke/getCursorPositionAfterKeystroke.js +1 -1
  37. package/build/es/no-polyfill/common/textFormat/unformatWithPattern/unformatWithPattern.js +1 -1
  38. package/build/es/no-polyfill/dateInput/DateInput.js +3 -4
  39. package/build/es/no-polyfill/dateInput/DateInput.messages.js +1 -0
  40. package/build/es/no-polyfill/dateLookup/DateLookup.js +1 -1
  41. package/build/es/no-polyfill/dateLookup/dateTrigger/DateTrigger.js +1 -1
  42. package/build/es/no-polyfill/dateLookup/dayCalendar/DayCalendar.js +1 -1
  43. package/build/es/no-polyfill/dateLookup/dayCalendar/table/DayCalendarTable.js +3 -3
  44. package/build/es/no-polyfill/dateLookup/header/Header.js +1 -1
  45. package/build/es/no-polyfill/dateLookup/monthCalendar/MonthCalendar.js +1 -1
  46. package/build/es/no-polyfill/dateLookup/monthCalendar/table/MonthCalendarTable.js +1 -1
  47. package/build/es/no-polyfill/dateLookup/tableLink/TableLink.js +1 -1
  48. package/build/es/no-polyfill/dateLookup/yearCalendar/YearCalendar.js +1 -1
  49. package/build/es/no-polyfill/dateLookup/yearCalendar/table/YearCalendarTable.js +1 -1
  50. package/build/es/no-polyfill/decision/Decision.js +5 -5
  51. package/build/es/no-polyfill/definitionList/DefinitionList.js +1 -1
  52. package/build/es/no-polyfill/dimmer/Dimmer.js +3 -3
  53. package/build/es/no-polyfill/drawer/Drawer.js +1 -1
  54. package/build/es/no-polyfill/dynamicFieldDefinitionList/DynamicFieldDefinitionList.js +1 -1
  55. package/build/es/no-polyfill/dynamicFieldDefinitionList/FormattedValue/FormattedValue.js +2 -4
  56. package/build/es/no-polyfill/dynamicFieldDefinitionList/utils/text-format.js +1 -1
  57. package/build/es/no-polyfill/emphasis/Emphasis.js +1 -1
  58. package/build/es/no-polyfill/flowNavigation/FlowNavigation.js +1 -1
  59. package/build/es/no-polyfill/flowNavigation/animatedLabel/AnimatedLabel.js +1 -1
  60. package/build/es/no-polyfill/flowNavigation/backButton/BackButton.js +1 -1
  61. package/build/es/no-polyfill/header/Header.js +1 -1
  62. package/build/es/no-polyfill/i18n/en.json +3 -2
  63. package/build/es/no-polyfill/i18n/index.js +1 -1
  64. package/build/es/no-polyfill/image/Image.js +4 -5
  65. package/build/es/no-polyfill/info/Info.js +1 -1
  66. package/build/es/no-polyfill/inlineAlert/InlineAlert.js +1 -1
  67. package/build/es/no-polyfill/instructionsList/InstructionsList.js +1 -1
  68. package/build/es/no-polyfill/lab/mobileNav/MobileNav.js +2 -2
  69. package/build/es/no-polyfill/lab/pagination/Pagination.js +1 -1
  70. package/build/es/no-polyfill/lab/pagination/paginationLink/PaginationLink.js +1 -1
  71. package/build/es/no-polyfill/link/Link.js +4 -3
  72. package/build/es/no-polyfill/link/Link.spec.js +1 -0
  73. package/build/es/no-polyfill/link/Link.story.js +1 -0
  74. package/build/es/no-polyfill/loader/Loader.js +7 -3
  75. package/build/es/no-polyfill/logo/Logo.js +1 -1
  76. package/build/es/no-polyfill/markdown/Markdown.js +1 -1
  77. package/build/es/no-polyfill/modal/Modal.js +1 -1
  78. package/build/es/no-polyfill/money/Money.js +1 -1
  79. package/build/es/no-polyfill/moneyInput/MoneyInput.js +1 -2
  80. package/build/es/no-polyfill/navigationOption/NavigationOption.js +1 -1
  81. package/build/es/no-polyfill/navigationOptionsList/NavigationOptionsList.js +1 -1
  82. package/build/es/no-polyfill/nudge/Nudge.js +1 -1
  83. package/build/es/no-polyfill/overlayHeader/OverlayHeader.js +1 -1
  84. package/build/es/no-polyfill/phoneNumberInput/PhoneNumberInput.js +1 -1
  85. package/build/es/no-polyfill/phoneNumberInput/utils/explodeNumberModel/index.js +2 -1
  86. package/build/es/no-polyfill/phoneNumberInput/utils/filterOptionsForQuery/index.js +1 -0
  87. package/build/es/no-polyfill/phoneNumberInput/utils/findCountryByCode/index.js +1 -1
  88. package/build/es/no-polyfill/phoneNumberInput/utils/findCountryByPrefix/index.js +1 -1
  89. package/build/es/no-polyfill/phoneNumberInput/utils/isOptionAndFitsQuery/isOptionAndFitsQuery.js +1 -0
  90. package/build/es/no-polyfill/phoneNumberInput/utils/setDefaultPrefix/index.js +2 -0
  91. package/build/es/no-polyfill/popover/Popover.js +1 -1
  92. package/build/es/no-polyfill/processIndicator/ProcessIndicator.js +4 -1
  93. package/build/es/no-polyfill/provider/Provider.js +1 -1
  94. package/build/es/no-polyfill/provider/direction/DirectionProvider.js +1 -1
  95. package/build/es/no-polyfill/radio/Radio.js +1 -1
  96. package/build/es/no-polyfill/radioGroup/RadioGroup.js +2 -2
  97. package/build/es/no-polyfill/radioOption/RadioOption.js +1 -1
  98. package/build/es/no-polyfill/select/Select.js +3 -5
  99. package/build/es/no-polyfill/select/option/Option.js +1 -1
  100. package/build/es/no-polyfill/select/searchBox/SearchBox.js +1 -1
  101. package/build/es/no-polyfill/sizeSwapper/SizeSwapper.js +4 -2
  102. package/build/es/no-polyfill/slidingPanel/SlidingPanel.js +2 -2
  103. package/build/es/no-polyfill/snackbar/Snackbar.js +1 -1
  104. package/build/es/no-polyfill/snackbar/SnackbarProvider.js +1 -1
  105. package/build/es/no-polyfill/stepper/Stepper.js +1 -1
  106. package/build/es/no-polyfill/stepper/deviceDetection.js +2 -1
  107. package/build/es/no-polyfill/summary/Summary.js +1 -4
  108. package/build/es/no-polyfill/switch/Switch.js +1 -1
  109. package/build/es/no-polyfill/switch/Switch.story.js +1 -1
  110. package/build/es/no-polyfill/switchOption/SwitchOption.js +1 -1
  111. package/build/es/no-polyfill/switchOption/SwitchOption.story.js +1 -1
  112. package/build/es/no-polyfill/tabs/Tab.js +1 -1
  113. package/build/es/no-polyfill/tabs/Tabs.js +1 -1
  114. package/build/es/no-polyfill/tile/Tile.js +1 -1
  115. package/build/es/no-polyfill/tooltip/Tooltip.js +1 -1
  116. package/build/es/no-polyfill/typeahead/Typeahead.js +1 -2
  117. package/build/es/no-polyfill/typeahead/typeaheadInput/TypeaheadInput.js +1 -1
  118. package/build/es/no-polyfill/typeahead/typeaheadOption/TypeaheadOption.js +1 -1
  119. package/build/es/no-polyfill/typeahead/util/highlight.js +1 -1
  120. package/build/es/no-polyfill/upload/Upload.js +3 -5
  121. package/build/es/no-polyfill/upload/steps/completeStep/completeStep.js +1 -1
  122. package/build/es/no-polyfill/upload/steps/mediaUploadStep/mediaUploadStep.js +1 -1
  123. package/build/es/no-polyfill/upload/steps/processingStep/processingStep.js +1 -1
  124. package/build/es/no-polyfill/upload/steps/uploadImageStep/uploadImageStep.js +1 -1
  125. package/build/es/no-polyfill/upload/utils/asyncFileRead/asyncFileRead.js +1 -1
  126. package/build/es/no-polyfill/upload/utils/getSupportedSpotMimeTypes/getSupportedSpotMimeTypes.js +1 -1
  127. package/build/es/no-polyfill/upload/utils/index.js +1 -1
  128. package/build/es/no-polyfill/uploadInput/UploadInput.js +4 -6
  129. package/build/es/no-polyfill/uploadInput/UploadInput.spec.js +1 -1
  130. package/build/es/no-polyfill/uploadInput/UploadInput.story.js +1 -1
  131. package/build/es/no-polyfill/uploadInput/types.js +1 -0
  132. package/build/es/no-polyfill/uploadInput/uploadButton/UploadButton.js +1 -1
  133. package/build/es/no-polyfill/uploadInput/uploadButton/UploadButton.spec.js +3 -1
  134. package/build/es/no-polyfill/uploadInput/uploadButton/getAllowedFileTypes.spec.js +1 -1
  135. package/build/es/no-polyfill/uploadInput/uploadItem/UploadItem.js +2 -2
  136. package/build/es/no-polyfill/uploadInput/uploadItem/UploadItem.spec.js +1 -1
  137. package/build/es/no-polyfill/uploadInput/uploadItem/UploadItemBody.js +1 -1
  138. package/build/es/no-polyfill/utilities/{deprecatedProp/deprecatedProp.js → deprecatedProperty/deprecatedProperty.js} +0 -0
  139. package/build/es/no-polyfill/utilities/deprecatedProperty/index.js +1 -0
  140. package/build/es/no-polyfill/utilities/index.js +1 -1
  141. package/build/es/no-polyfill/utilities/logActionRequired.js +1 -1
  142. package/build/es/no-polyfill/withDisplayFormat/WithDisplayFormat.js +2 -2
  143. package/build/es/no-polyfill/withNextPortal/withNextPortal.js +1 -1
  144. package/build/es/no-polyfill/withNormaliser/WithNormalizer.js +3 -0
  145. package/build/es/polyfill/accordion/Accordion.js +1 -1
  146. package/build/es/polyfill/accordion/AccordionItem/AccordionItem.js +1 -1
  147. package/build/es/polyfill/actionOption/ActionOption.js +1 -1
  148. package/build/es/polyfill/actionOption/ActionOption.story.js +1 -1
  149. package/build/es/polyfill/alert/Alert.js +1 -1
  150. package/build/es/polyfill/alert/inlineMarkdown/InlineMarkdown.js +1 -1
  151. package/build/es/polyfill/alert/withArrow/withArrow.js +1 -1
  152. package/build/es/polyfill/avatar/Avatar.js +1 -1
  153. package/build/es/polyfill/avatarWrapper/AvatarWrapper.js +1 -1
  154. package/build/es/polyfill/badge/Badge.js +1 -1
  155. package/build/es/polyfill/button/Button.js +1 -2
  156. package/build/es/polyfill/card/Card.js +2 -5
  157. package/build/es/polyfill/checkbox/Checkbox.js +1 -1
  158. package/build/es/polyfill/checkboxButton/CheckboxButton.js +1 -1
  159. package/build/es/polyfill/checkboxOption/CheckboxOption.js +1 -1
  160. package/build/es/polyfill/chevron/Chevron.js +1 -1
  161. package/build/es/polyfill/chip/Chip.js +8 -2
  162. package/build/es/polyfill/circularButton/CircularButton.js +1 -1
  163. package/build/es/polyfill/common/Option/Option.js +1 -1
  164. package/build/es/polyfill/common/Option/OptionDocumentation.js +1 -0
  165. package/build/es/polyfill/common/RadioButton/RadioButton.js +1 -1
  166. package/build/es/polyfill/common/bottomSheet/BottomSheet.js +4 -6
  167. package/build/es/polyfill/common/closeButton/CloseButton.js +1 -1
  168. package/build/es/polyfill/common/focusBoundary/FocusBoundary.js +1 -1
  169. package/build/es/polyfill/common/focusBoundary/utils/getFocusableElements.js +2 -2
  170. package/build/es/polyfill/common/focusBoundary/utils/resetFocus.js +2 -2
  171. package/build/es/polyfill/common/historyNavigator/historyNavigator.js +1 -1
  172. package/build/es/polyfill/common/hooks/useClientWidth/useClientWidth.js +2 -1
  173. package/build/es/polyfill/common/hooks/useConditionalListener/useConditionalListener.js +3 -5
  174. package/build/es/polyfill/common/hooks/useHasIntersected/useHasIntersected.js +3 -2
  175. package/build/es/polyfill/common/keyCodes.js +1 -0
  176. package/build/es/polyfill/common/panel/Panel.js +2 -3
  177. package/build/es/polyfill/common/requirements.js +2 -2
  178. package/build/es/polyfill/common/responsivePanel/ResponsivePanel.js +1 -1
  179. package/build/es/polyfill/common/textFormat/getCursorPositionAfterKeystroke/getCursorPositionAfterKeystroke.js +1 -1
  180. package/build/es/polyfill/common/textFormat/unformatWithPattern/unformatWithPattern.js +1 -1
  181. package/build/es/polyfill/dateInput/DateInput.js +3 -4
  182. package/build/es/polyfill/dateInput/DateInput.messages.js +1 -0
  183. package/build/es/polyfill/dateLookup/DateLookup.js +1 -1
  184. package/build/es/polyfill/dateLookup/dateTrigger/DateTrigger.js +1 -1
  185. package/build/es/polyfill/dateLookup/dayCalendar/DayCalendar.js +1 -1
  186. package/build/es/polyfill/dateLookup/dayCalendar/table/DayCalendarTable.js +3 -3
  187. package/build/es/polyfill/dateLookup/header/Header.js +1 -1
  188. package/build/es/polyfill/dateLookup/monthCalendar/MonthCalendar.js +1 -1
  189. package/build/es/polyfill/dateLookup/monthCalendar/table/MonthCalendarTable.js +1 -1
  190. package/build/es/polyfill/dateLookup/tableLink/TableLink.js +1 -1
  191. package/build/es/polyfill/dateLookup/yearCalendar/YearCalendar.js +1 -1
  192. package/build/es/polyfill/dateLookup/yearCalendar/table/YearCalendarTable.js +1 -1
  193. package/build/es/polyfill/decision/Decision.js +5 -5
  194. package/build/es/polyfill/definitionList/DefinitionList.js +1 -1
  195. package/build/es/polyfill/dimmer/Dimmer.js +3 -3
  196. package/build/es/polyfill/drawer/Drawer.js +1 -1
  197. package/build/es/polyfill/dynamicFieldDefinitionList/DynamicFieldDefinitionList.js +1 -1
  198. package/build/es/polyfill/dynamicFieldDefinitionList/FormattedValue/FormattedValue.js +2 -4
  199. package/build/es/polyfill/dynamicFieldDefinitionList/utils/text-format.js +1 -1
  200. package/build/es/polyfill/emphasis/Emphasis.js +1 -1
  201. package/build/es/polyfill/flowNavigation/FlowNavigation.js +1 -1
  202. package/build/es/polyfill/flowNavigation/animatedLabel/AnimatedLabel.js +1 -1
  203. package/build/es/polyfill/flowNavigation/backButton/BackButton.js +1 -1
  204. package/build/es/polyfill/header/Header.js +1 -1
  205. package/build/es/polyfill/i18n/en.json +3 -2
  206. package/build/es/polyfill/i18n/index.js +1 -1
  207. package/build/es/polyfill/image/Image.js +4 -5
  208. package/build/es/polyfill/info/Info.js +1 -1
  209. package/build/es/polyfill/inlineAlert/InlineAlert.js +1 -1
  210. package/build/es/polyfill/instructionsList/InstructionsList.js +1 -1
  211. package/build/es/polyfill/lab/mobileNav/MobileNav.js +2 -2
  212. package/build/es/polyfill/lab/pagination/Pagination.js +1 -1
  213. package/build/es/polyfill/lab/pagination/paginationLink/PaginationLink.js +1 -1
  214. package/build/es/polyfill/link/Link.js +4 -3
  215. package/build/es/polyfill/link/Link.spec.js +1 -0
  216. package/build/es/polyfill/link/Link.story.js +1 -0
  217. package/build/es/polyfill/loader/Loader.js +7 -3
  218. package/build/es/polyfill/logo/Logo.js +1 -1
  219. package/build/es/polyfill/markdown/Markdown.js +1 -1
  220. package/build/es/polyfill/modal/Modal.js +1 -1
  221. package/build/es/polyfill/money/Money.js +1 -1
  222. package/build/es/polyfill/moneyInput/MoneyInput.js +1 -2
  223. package/build/es/polyfill/navigationOption/NavigationOption.js +1 -1
  224. package/build/es/polyfill/navigationOptionsList/NavigationOptionsList.js +1 -1
  225. package/build/es/polyfill/nudge/Nudge.js +1 -1
  226. package/build/es/polyfill/overlayHeader/OverlayHeader.js +1 -1
  227. package/build/es/polyfill/phoneNumberInput/PhoneNumberInput.js +1 -1
  228. package/build/es/polyfill/phoneNumberInput/utils/explodeNumberModel/index.js +3 -2
  229. package/build/es/polyfill/phoneNumberInput/utils/filterOptionsForQuery/index.js +1 -0
  230. package/build/es/polyfill/phoneNumberInput/utils/findCountryByCode/index.js +1 -1
  231. package/build/es/polyfill/phoneNumberInput/utils/findCountryByPrefix/index.js +1 -1
  232. package/build/es/polyfill/phoneNumberInput/utils/isOptionAndFitsQuery/isOptionAndFitsQuery.js +1 -0
  233. package/build/es/polyfill/phoneNumberInput/utils/setDefaultPrefix/index.js +2 -0
  234. package/build/es/polyfill/popover/Popover.js +1 -1
  235. package/build/es/polyfill/processIndicator/ProcessIndicator.js +4 -1
  236. package/build/es/polyfill/provider/Provider.js +1 -1
  237. package/build/es/polyfill/provider/direction/DirectionProvider.js +1 -1
  238. package/build/es/polyfill/radio/Radio.js +1 -1
  239. package/build/es/polyfill/radioGroup/RadioGroup.js +2 -2
  240. package/build/es/polyfill/radioOption/RadioOption.js +1 -1
  241. package/build/es/polyfill/select/Select.js +3 -5
  242. package/build/es/polyfill/select/option/Option.js +1 -1
  243. package/build/es/polyfill/select/searchBox/SearchBox.js +1 -1
  244. package/build/es/polyfill/sizeSwapper/SizeSwapper.js +4 -2
  245. package/build/es/polyfill/slidingPanel/SlidingPanel.js +2 -2
  246. package/build/es/polyfill/snackbar/Snackbar.js +1 -1
  247. package/build/es/polyfill/snackbar/SnackbarProvider.js +1 -1
  248. package/build/es/polyfill/stepper/Stepper.js +1 -1
  249. package/build/es/polyfill/stepper/deviceDetection.js +2 -1
  250. package/build/es/polyfill/summary/Summary.js +1 -4
  251. package/build/es/polyfill/switch/Switch.js +1 -1
  252. package/build/es/polyfill/switch/Switch.story.js +1 -1
  253. package/build/es/polyfill/switchOption/SwitchOption.js +1 -1
  254. package/build/es/polyfill/switchOption/SwitchOption.story.js +1 -1
  255. package/build/es/polyfill/tabs/Tab.js +1 -1
  256. package/build/es/polyfill/tabs/Tabs.js +1 -1
  257. package/build/es/polyfill/tile/Tile.js +1 -1
  258. package/build/es/polyfill/tooltip/Tooltip.js +1 -1
  259. package/build/es/polyfill/typeahead/Typeahead.js +1 -2
  260. package/build/es/polyfill/typeahead/typeaheadInput/TypeaheadInput.js +1 -1
  261. package/build/es/polyfill/typeahead/typeaheadOption/TypeaheadOption.js +1 -1
  262. package/build/es/polyfill/typeahead/util/highlight.js +1 -1
  263. package/build/es/polyfill/upload/Upload.js +3 -5
  264. package/build/es/polyfill/upload/steps/completeStep/completeStep.js +1 -1
  265. package/build/es/polyfill/upload/steps/mediaUploadStep/mediaUploadStep.js +1 -1
  266. package/build/es/polyfill/upload/steps/processingStep/processingStep.js +1 -1
  267. package/build/es/polyfill/upload/steps/uploadImageStep/uploadImageStep.js +1 -1
  268. package/build/es/polyfill/upload/utils/asyncFileRead/asyncFileRead.js +1 -1
  269. package/build/es/polyfill/upload/utils/getSupportedSpotMimeTypes/getSupportedSpotMimeTypes.js +2 -2
  270. package/build/es/polyfill/upload/utils/index.js +1 -1
  271. package/build/es/polyfill/uploadInput/UploadInput.js +4 -6
  272. package/build/es/polyfill/uploadInput/UploadInput.spec.js +1 -1
  273. package/build/es/polyfill/uploadInput/UploadInput.story.js +1 -1
  274. package/build/es/polyfill/uploadInput/types.js +1 -0
  275. package/build/es/polyfill/uploadInput/uploadButton/UploadButton.js +1 -1
  276. package/build/es/polyfill/uploadInput/uploadButton/UploadButton.spec.js +3 -1
  277. package/build/es/polyfill/uploadInput/uploadButton/getAllowedFileTypes.spec.js +1 -1
  278. package/build/es/polyfill/uploadInput/uploadItem/UploadItem.js +2 -2
  279. package/build/es/polyfill/uploadInput/uploadItem/UploadItem.spec.js +1 -1
  280. package/build/es/polyfill/uploadInput/uploadItem/UploadItemBody.js +1 -1
  281. package/build/es/polyfill/utilities/{deprecatedProp/deprecatedProp.js → deprecatedProperty/deprecatedProperty.js} +0 -0
  282. package/build/es/polyfill/utilities/deprecatedProperty/index.js +1 -0
  283. package/build/es/polyfill/utilities/index.js +1 -1
  284. package/build/es/polyfill/utilities/logActionRequired.js +1 -1
  285. package/build/es/polyfill/withDisplayFormat/WithDisplayFormat.js +2 -2
  286. package/build/es/polyfill/withNextPortal/withNextPortal.js +1 -1
  287. package/build/es/polyfill/withNormaliser/WithNormalizer.js +3 -0
  288. package/build/i18n/en.json +3 -2
  289. package/build/main.css +1 -1
  290. package/build/styles/accordion/Accordion.css +1 -1
  291. package/build/styles/avatar/Avatar.css +1 -1
  292. package/build/styles/card/Card.css +1 -1
  293. package/build/styles/chip/Chip.css +1 -1
  294. package/build/styles/circularButton/CircularButton.css +1 -1
  295. package/build/styles/common/RadioButton/RadioButton.css +1 -1
  296. package/build/styles/common/bottomSheet/BottomSheet.css +1 -1
  297. package/build/styles/common/closeButton/CloseButton.css +1 -1
  298. package/build/styles/dateLookup/DateLookup.css +1 -1
  299. package/build/styles/dateLookup/dateTrigger/DateTrigger.css +1 -1
  300. package/build/styles/drawer/Drawer.css +1 -1
  301. package/build/styles/emphasis/Emphasis.css +1 -1
  302. package/build/styles/flowNavigation/FlowNavigation.css +1 -1
  303. package/build/styles/flowNavigation/backButton/BackButton.css +1 -1
  304. package/build/styles/info/Info.css +1 -1
  305. package/build/styles/instructionsList/InstructionsList.css +1 -1
  306. package/build/styles/lab/mobileNav/MobileNav.css +1 -1
  307. package/build/styles/lab/pagination/Pagination.css +1 -1
  308. package/build/styles/loader/Loader.css +1 -1
  309. package/build/styles/main.css +1 -1
  310. package/build/styles/moneyInput/MoneyInput.css +1 -1
  311. package/build/styles/navigationOption/NavigationOption.css +1 -1
  312. package/build/styles/nudge/Nudge.css +1 -1
  313. package/build/styles/overlayHeader/OverlayHeader.css +1 -1
  314. package/build/styles/popover/Popover.css +1 -1
  315. package/build/styles/snackbar/Snackbar.css +1 -1
  316. package/build/styles/stepper/Stepper.css +1 -1
  317. package/build/styles/summary/Summary.css +1 -1
  318. package/build/styles/switch/Switch.css +1 -1
  319. package/build/styles/tabs/Tabs.css +1 -1
  320. package/build/styles/tile/Tile.css +1 -1
  321. package/build/styles/typeahead/typeaheadOption/TypeaheadOption.css +1 -1
  322. package/build/styles/uploadInput/UploadInput.css +1 -1
  323. package/build/styles/uploadInput/uploadButton/UploadButton.css +1 -1
  324. package/build/styles/uploadInput/uploadItem/UploadItem.css +1 -1
  325. package/build/types/actionOption/ActionOption.story.d.ts +1 -1
  326. package/build/types/alert/Alert.d.ts +1 -1
  327. package/build/types/badge/Badge.d.ts +1 -1
  328. package/build/types/chip/Chip.d.ts +8 -2
  329. package/build/types/common/bottomSheet/BottomSheet.d.ts +3 -1
  330. package/build/types/common/commonProps.d.ts +1 -1
  331. package/build/types/common/focusBoundary/utils/getFocusableElements.d.ts +1 -1
  332. package/build/types/common/focusBoundary/utils/resetFocus.d.ts +1 -1
  333. package/build/types/common/hooks/useHasIntersected/useHasIntersected.d.ts +4 -1
  334. package/build/types/{link/Link.messages.d.ts → dateInput/DateInput.messages.d.ts} +8 -5
  335. package/build/types/link/Link.d.ts +5 -4
  336. package/build/types/link/Link.spec.d.ts +1 -0
  337. package/build/types/link/Link.story.d.ts +9 -0
  338. package/build/types/loader/Loader.d.ts +6 -1
  339. package/build/types/modal/Modal.d.ts +0 -1
  340. package/build/types/nudge/Nudge.d.ts +1 -0
  341. package/build/types/switch/Switch.story.d.ts +2 -1
  342. package/build/types/switchOption/SwitchOption.story.d.ts +1 -1
  343. package/build/types/test-utils/index.d.ts +17 -5
  344. package/build/types/upload/Upload.d.ts +1 -1
  345. package/build/types/upload/utils/index.d.ts +0 -1
  346. package/build/types/uploadInput/UploadInput.d.ts +8 -4
  347. package/build/types/uploadInput/UploadInput.story.d.ts +11 -10
  348. package/build/types/uploadInput/uploadButton/UploadButton.d.ts +1 -0
  349. package/build/types/uploadInput/uploadItem/UploadItem.d.ts +8 -1
  350. package/build/types/uploadInput/uploadItem/UploadItemBody.d.ts +3 -2
  351. package/build/types/utilities/{deprecatedProp/deprecatedProp.d.ts → deprecatedProperty/deprecatedProperty.d.ts} +2 -2
  352. package/build/types/utilities/deprecatedProperty/index.d.ts +1 -0
  353. package/build/types/utilities/index.d.ts +1 -1
  354. package/build/types/withDisplayFormat/WithDisplayFormat.d.ts +1 -1
  355. package/build/types/withNextPortal/withNextPortal.d.ts +1 -2
  356. package/build/umd/no-polyfill/main.js +1 -1
  357. package/build/umd/polyfill/main.js +1 -1
  358. package/package.json +18 -18
  359. package/build/es/no-polyfill/common/Option/OptionDocs.js +0 -1
  360. package/build/es/no-polyfill/link/Link.messages.js +0 -1
  361. package/build/es/no-polyfill/upload/utils/generateErrorMessage/generateErrorMessage.js +0 -1
  362. package/build/es/no-polyfill/upload/utils/generateErrorMessage/index.js +0 -1
  363. package/build/es/no-polyfill/utilities/deprecatedProp/index.js +0 -1
  364. package/build/es/polyfill/common/Option/OptionDocs.js +0 -1
  365. package/build/es/polyfill/link/Link.messages.js +0 -1
  366. package/build/es/polyfill/upload/utils/generateErrorMessage/generateErrorMessage.js +0 -1
  367. package/build/es/polyfill/upload/utils/generateErrorMessage/index.js +0 -1
  368. package/build/es/polyfill/utilities/deprecatedProp/index.js +0 -1
  369. package/build/types/upload/utils/generateErrorMessage/generateErrorMessage.d.ts +0 -1
  370. package/build/types/upload/utils/generateErrorMessage/index.d.ts +0 -1
  371. package/build/types/utilities/deprecatedProp/index.d.ts +0 -1
@@ -1,2 +1,2 @@
1
- import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.reflect.construct.js";import"core-js/modules/es.array.concat.js";function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import{PureComponent}from"react";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";var TableLink=/*#__PURE__*/function(a){function b(){var a;_classCallCheck(this,b);for(var d=arguments.length,e=Array(d),f=0;f<d;f++)e[f]=arguments[f];return a=c.call.apply(c,[this].concat(e)),_defineProperty(_assertThisInitialized(a),"onClick",function(b){b.preventDefault(),a.props.disabled||a.props.onClick(a.props.item)}),a}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"render",value:function render(){var a=this.props,b=a.item,c=a.type,d=a.title,e=a.longTitle,f=a.active,g=a.disabled,h=a.today;return/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx("button",{type:"button",onClick:this.onClick,className:"tw-date-lookup-".concat(c,"-option ").concat(f?"active":""," ").concat(h?"today":""),disabled:g,"aria-label":e,children:d||b})})}}]),b}(PureComponent);TableLink.propTypes={item:PropTypes.number.isRequired,// day (1-31), month (0-11) or year (2018 etc)
1
+ import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.reflect.construct.js";import"core-js/modules/es.array.concat.js";function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import PropTypes from"prop-types";import{PureComponent}from"react";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";var TableLink=/*#__PURE__*/function(a){function b(){var a;_classCallCheck(this,b);for(var d=arguments.length,e=Array(d),f=0;f<d;f++)e[f]=arguments[f];return a=c.call.apply(c,[this].concat(e)),_defineProperty(_assertThisInitialized(a),"onClick",function(b){b.preventDefault(),a.props.disabled||a.props.onClick(a.props.item)}),a}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"render",value:function render(){var a=this.props,b=a.item,c=a.type,d=a.title,e=a.longTitle,f=a.active,g=a.disabled,h=a.today;return/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx("button",{type:"button",className:"tw-date-lookup-".concat(c,"-option ").concat(f?"active":""," ").concat(h?"today":""),disabled:g,"aria-label":e,onClick:this.onClick,children:d||b})})}}]),b}(PureComponent);TableLink.propTypes={item:PropTypes.number.isRequired,// day (1-31), month (0-11) or year (2018 etc)
2
2
  type:PropTypes.oneOf(["day","month","year"]).isRequired,title:PropTypes.string,longTitle:PropTypes.string,active:PropTypes.bool.isRequired,disabled:PropTypes.bool.isRequired,today:PropTypes.bool.isRequired,onClick:PropTypes.func.isRequired},TableLink.defaultProps={title:null,longTitle:null};export default TableLink;
@@ -1 +1 @@
1
- import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.reflect.construct.js";import"core-js/modules/es.array.concat.js";function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import{PureComponent}from"react";import PropTypes from"prop-types";import Header from"../header";import YearCalendarTable from"./table";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var YearCalendar=/*#__PURE__*/function(a){function b(){var a;_classCallCheck(this,b);for(var d=arguments.length,e=Array(d),f=0;f<d;f++)e[f]=arguments[f];return a=c.call.apply(c,[this].concat(e)),_defineProperty(_assertThisInitialized(a),"onYearSelect",function(b){a.props.onViewDateUpdate({year:b}),a.props.onSelect()}),_defineProperty(_assertThisInitialized(a),"selectPreviousYears",function(){a.props.onViewDateUpdate({year:a.props.viewYear-20})}),_defineProperty(_assertThisInitialized(a),"selectNextYears",function(){a.props.onViewDateUpdate({year:a.props.viewYear+20})}),a}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"render",value:function render(){var a=this.props,b=a.selectedDate,c=a.min,d=a.max,e=a.viewYear,f=a.placeholder;return/*#__PURE__*/_jsxs("div",{children:[/*#__PURE__*/_jsx(Header,{onPreviousClick:this.selectPreviousYears,onNextClick:this.selectNextYears}),/*#__PURE__*/_jsx(YearCalendarTable,{selectedDate:b,min:c,max:d,viewYear:e,placeholder:f,onSelect:this.onYearSelect})]})}}]),b}(PureComponent);YearCalendar.propTypes={selectedDate:PropTypes.instanceOf(Date),min:PropTypes.instanceOf(Date),max:PropTypes.instanceOf(Date),viewYear:PropTypes.number.isRequired,placeholder:PropTypes.string.isRequired,onSelect:PropTypes.func.isRequired,onViewDateUpdate:PropTypes.func.isRequired},YearCalendar.defaultProps={selectedDate:null,min:null,max:null};export default YearCalendar;
1
+ import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.reflect.construct.js";import"core-js/modules/es.array.concat.js";function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import PropTypes from"prop-types";import{PureComponent}from"react";import Header from"../header";import YearCalendarTable from"./table";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var YearCalendar=/*#__PURE__*/function(a){function b(){var a;_classCallCheck(this,b);for(var d=arguments.length,e=Array(d),f=0;f<d;f++)e[f]=arguments[f];return a=c.call.apply(c,[this].concat(e)),_defineProperty(_assertThisInitialized(a),"onYearSelect",function(b){a.props.onViewDateUpdate({year:b}),a.props.onSelect()}),_defineProperty(_assertThisInitialized(a),"selectPreviousYears",function(){a.props.onViewDateUpdate({year:a.props.viewYear-20})}),_defineProperty(_assertThisInitialized(a),"selectNextYears",function(){a.props.onViewDateUpdate({year:a.props.viewYear+20})}),a}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"render",value:function render(){var a=this.props,b=a.selectedDate,c=a.min,d=a.max,e=a.viewYear,f=a.placeholder;return/*#__PURE__*/_jsxs("div",{children:[/*#__PURE__*/_jsx(Header,{onPreviousClick:this.selectPreviousYears,onNextClick:this.selectNextYears}),/*#__PURE__*/_jsx(YearCalendarTable,{selectedDate:b,min:c,max:d,viewYear:e,placeholder:f,onSelect:this.onYearSelect})]})}}]),b}(PureComponent);YearCalendar.propTypes={selectedDate:PropTypes.instanceOf(Date),min:PropTypes.instanceOf(Date),max:PropTypes.instanceOf(Date),viewYear:PropTypes.number.isRequired,placeholder:PropTypes.string.isRequired,onSelect:PropTypes.func.isRequired,onViewDateUpdate:PropTypes.func.isRequired},YearCalendar.defaultProps={selectedDate:null,min:null,max:null};export default YearCalendar;
@@ -1 +1 @@
1
- import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import"core-js/modules/es.array.map.js";import{useIntl}from"react-intl";import PropTypes from"prop-types";import{formatDate}from"@transferwise/formatting";import TableLink from"../../tableLink";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var ROWS=5,COLS=4,YEAR_ONLY_FORMAT={year:"numeric"},YearCalendarTable=function(a){var b=a.selectedDate,c=a.min,d=a.max,e=a.viewYear,f=a.placeholder,g=a.onSelect,h=useIntl(),i=h.locale,j=function(a){return/*#__PURE__*/_jsx(TableLink,{item:a,type:"year",title:formatDate(new Date(a,0),i,YEAR_ONLY_FORMAT),active:!!(b&&a===b.getFullYear()),disabled:!!(c&&a<c.getFullYear()||d&&a>d.getFullYear()),today:a===new Date().getFullYear(),onClick:g})};return/*#__PURE__*/_jsxs("table",{className:"table table-condensed table-bordered tw-date-lookup-calendar m-b-0",children:[/*#__PURE__*/_jsx("thead",{className:"sr-only",children:/*#__PURE__*/_jsx("tr",{children:/*#__PURE__*/_jsx("th",{colSpan:"4",children:f})})}),/*#__PURE__*/_jsx("tbody",{children:_toConsumableArray([,,,,,]).map(function(a,b){return/*#__PURE__*/_jsx("tr",{children:_toConsumableArray(Array(COLS)).map(function(a,c){return/*#__PURE__*/_jsx("td",{children:j(e-e%20+b*COLS+c)},c)})},b)})})]})};YearCalendarTable.propTypes={selectedDate:PropTypes.instanceOf(Date),min:PropTypes.instanceOf(Date),max:PropTypes.instanceOf(Date),viewYear:PropTypes.number.isRequired,placeholder:PropTypes.string.isRequired,onSelect:PropTypes.func.isRequired},YearCalendarTable.defaultProps={selectedDate:null,min:null,max:null};export default YearCalendarTable;
1
+ import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import"core-js/modules/es.array.map.js";import{formatDate}from"@transferwise/formatting";import PropTypes from"prop-types";import{useIntl}from"react-intl";import TableLink from"../../tableLink";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var ROWS=5,COLS=4,YEAR_ONLY_FORMAT={year:"numeric"},YearCalendarTable=function(a){var b=a.selectedDate,c=a.min,d=a.max,e=a.viewYear,f=a.placeholder,g=a.onSelect,h=useIntl(),i=h.locale,j=function(a){return/*#__PURE__*/_jsx(TableLink,{item:a,type:"year",title:formatDate(new Date(a,0),i,YEAR_ONLY_FORMAT),active:!!(b&&a===b.getFullYear()),disabled:!!(c&&a<c.getFullYear()||d&&a>d.getFullYear()),today:a===new Date().getFullYear(),onClick:g})};return/*#__PURE__*/_jsxs("table",{className:"table table-condensed table-bordered tw-date-lookup-calendar m-b-0",children:[/*#__PURE__*/_jsx("thead",{className:"sr-only",children:/*#__PURE__*/_jsx("tr",{children:/*#__PURE__*/_jsx("th",{colSpan:"4",children:f})})}),/*#__PURE__*/_jsx("tbody",{children:_toConsumableArray([,,,,,]).map(function(a,b){return/*#__PURE__*/_jsx("tr",{children:_toConsumableArray(Array(COLS)).map(function(a,c){return/*#__PURE__*/_jsx("td",{children:j(e-e%20+b*COLS+c)},c)})},b)})})]})};YearCalendarTable.propTypes={selectedDate:PropTypes.instanceOf(Date),min:PropTypes.instanceOf(Date),max:PropTypes.instanceOf(Date),viewYear:PropTypes.number.isRequired,placeholder:PropTypes.string.isRequired,onSelect:PropTypes.func.isRequired},YearCalendarTable.defaultProps={selectedDate:null,min:null,max:null};export default YearCalendarTable;
@@ -1,5 +1,5 @@
1
- import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.symbol.description.js";import"core-js/modules/es.array.map.js";import PropTypes from"prop-types";import requiredIf from"react-required-if";import classNames from"classnames";import SizeSwapper from"../sizeSwapper";import NavigationOption from"../navigationOption";import Tile from"../tile";import{Presentation,Type}from"./decisionEnums";import{Size,Breakpoint}from"../common";import{useDirection}from"../common/hooks";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";var Decision=function(a){var b=a.options,c=a.presentation,d=a.type,e=a.size,f=useDirection(),g=f.isRTL;if(d===Type.NAVIGATION){var h=Presentation.LIST_BLOCK,i=Presentation.LIST_BLOCK_GRID;if(c===h||c===i){var j=e===Size.SMALL,k=c===i,l=[{items:[],layout:SizeSwapper.Layout.COLUMN},{items:[],breakpoint:j?Breakpoint.EXTRA_SMALL:Breakpoint.SMALL,wrap:k}];return b.forEach(function(a,b){var c=a.description,d=a.disabled,e=a.href,f=a.target,g=a.media,h=g.block,i=g.list,m=a.onClick,n=a.title;l[0].items.push(/*#__PURE__*/_jsx(NavigationOption,{complex:!1,content:c,disabled:d,href:e,target:f,// eslint-disable-line react/no-array-index-key
2
- media:i,onClick:m,showMediaAtAllSizes:!0,title:n},"nav-".concat(b))),l[1].items.push(/*#__PURE__*/_jsx(Tile,{className:classNames("np-decision__tile".concat(j?"--small":""),{"np-decision__tile--fixed-width":k}),description:c,disabled:d,href:e,target:f,// eslint-disable-line react/no-array-index-key
3
- media:h,onClick:m,size:j?Size.SMALL:Size.MEDIUM,title:n},"tile-".concat(b)))}),/*#__PURE__*/_jsx("div",{className:classNames("np-decision",{"np-decision--small":j,"np-decision--grid":k,"np-decision--rtl":g}),children:/*#__PURE__*/_jsx(SizeSwapper,{items:l})})}// LIST
4
- return b.map(function(a,b){var c=a.title,d=a.description,e=a.disabled,f=a.href,g=a.target,h=a.media.list,i=a.onClick;return/*#__PURE__*/_jsx(NavigationOption,{complex:!1,content:d,disabled:e,href:f,target:g,// eslint-disable-line react/no-array-index-key
5
- media:h,onClick:i,showMediaAtAllSizes:!0,title:c},"nav-".concat(b))})}return/*#__PURE__*/_jsx(_Fragment,{})};Decision.propTypes={/** A list of elements to be rendered */options:PropTypes.arrayOf(PropTypes.shape({description:PropTypes.node,disabled:PropTypes.bool,href:requiredIf(PropTypes.string,function(a){return a.type===Type.NAVIGATION}),target:PropTypes.oneOf(["_self","_blank","_parent","_top"]),media:PropTypes.shape({block:PropTypes.node.isRequired,list:PropTypes.node.isRequired}),onClick:PropTypes.func.isRequired,title:PropTypes.node.isRequired})).isRequired,/** Handles the display mode of the component */presentation:PropTypes.oneOf(["LIST","LIST_BLOCK","LIST_BLOCK_GRID"]),/** Size currently affects only Tile dimension */size:PropTypes.oneOf(["sm","md"]),/** Decide which kind of element type needs to be rendered ex: Navigation Options or in the future Radio or Checkbox Options */type:PropTypes.oneOf(["NAVIGATION"])},Decision.defaultProps={presentation:Presentation.LIST,size:Size.MEDIUM,type:Type.NAVIGATION};export default Decision;
1
+ import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.symbol.description.js";import"core-js/modules/es.array.map.js";import classNames from"classnames";import PropTypes from"prop-types";import requiredIf from"react-required-if";import{Size,Breakpoint}from"../common";import{useDirection}from"../common/hooks";import NavigationOption from"../navigationOption";import SizeSwapper from"../sizeSwapper";import Tile from"../tile";import{Presentation,Type}from"./decisionEnums";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";var Decision=function(a){var b=a.options,c=a.presentation,d=a.type,e=a.size,f=useDirection(),g=f.isRTL;if(d===Type.NAVIGATION){var h=Presentation.LIST_BLOCK,i=Presentation.LIST_BLOCK_GRID;if(c===h||c===i){var j=e===Size.SMALL,k=c===i,l=[{items:[],layout:SizeSwapper.Layout.COLUMN},{items:[],breakpoint:j?Breakpoint.EXTRA_SMALL:Breakpoint.SMALL,wrap:k}];return b.forEach(function(a,b){var c=a.description,d=a.disabled,e=a.href,f=a.target,g=a.media,h=g.block,i=g.list,m=a.onClick,n=a.title;l[0].items.push(/*#__PURE__*/_jsx(NavigationOption// eslint-disable-next-line react/no-array-index-key
2
+ ,{complex:!1,content:c,disabled:d,href:e,target:f,media:i,showMediaAtAllSizes:!0,title:n,onClick:m},"nav-".concat(b))),l[1].items.push(/*#__PURE__*/_jsx(Tile// eslint-disable-next-line react/no-array-index-key
3
+ ,{className:classNames("np-decision__tile".concat(j?"--small":""),{"np-decision__tile--fixed-width":k}),description:c,disabled:d,href:e,target:f,media:h,size:j?Size.SMALL:Size.MEDIUM,title:n,onClick:m},"tile-".concat(b)))}),/*#__PURE__*/_jsx("div",{className:classNames("np-decision",{"np-decision--small":j,"np-decision--grid":k,"np-decision--rtl":g}),children:/*#__PURE__*/_jsx(SizeSwapper,{items:l})})}// LIST
4
+ return b.map(function(a,b){var c=a.title,d=a.description,e=a.disabled,f=a.href,g=a.target,h=a.media.list,i=a.onClick;return/*#__PURE__*/_jsx(NavigationOption// eslint-disable-next-line react/no-array-index-key
5
+ ,{complex:!1,content:d,disabled:e,href:f,target:g,media:h,showMediaAtAllSizes:!0,title:c,onClick:i},"nav-".concat(b))})}return/*#__PURE__*/_jsx(_Fragment,{})};Decision.propTypes={/** A list of elements to be rendered */options:PropTypes.arrayOf(PropTypes.shape({description:PropTypes.node,disabled:PropTypes.bool,href:requiredIf(PropTypes.string,function(a){return a.type===Type.NAVIGATION}),target:PropTypes.oneOf(["_self","_blank","_parent","_top"]),media:PropTypes.shape({block:PropTypes.node.isRequired,list:PropTypes.node.isRequired}),onClick:PropTypes.func.isRequired,title:PropTypes.node.isRequired})).isRequired,/** Handles the display mode of the component */presentation:PropTypes.oneOf(["LIST","LIST_BLOCK","LIST_BLOCK_GRID"]),/** Size currently affects only Tile dimension */size:PropTypes.oneOf(["sm","md"]),/** Decide which kind of element type needs to be rendered ex: Navigation Options or in the future Radio or Checkbox Options */type:PropTypes.oneOf(["NAVIGATION"])},Decision.defaultProps={presentation:Presentation.LIST,size:Size.MEDIUM,type:Type.NAVIGATION};export default Decision;
@@ -1 +1 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";var _alignmentClassMap;import"core-js/modules/es.array.map.js";import"core-js/modules/es.array.filter.js";import PropTypes from"prop-types";import classNames from"classnames";import{Layout}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var isLayoutHorizontal=function(a){return 0<=[Layout.HORIZONTAL_LEFT_ALIGNED,Layout.HORIZONTAL_RIGHT_ALIGNED,Layout.HORIZONTAL_JUSTIFIED].indexOf(a)},alignmentClassMap=(_alignmentClassMap={},_defineProperty(_alignmentClassMap,Layout.HORIZONTAL_RIGHT_ALIGNED,"text-sm-right"),_defineProperty(_alignmentClassMap,Layout.HORIZONTAL_JUSTIFIED,"text-sm-justify"),_alignmentClassMap),DefinitionList=function(a){var b=a.definitions,c=a.layout,d=a.muted;return/*#__PURE__*/_jsx("dl",{className:classNames("tw-definition-list d-flex ",{"text-muted":d,"flex-column":c===Layout.VERTICAL_ONE_COLUMN,"tw-definition-list--columns flex-column flex-row--sm":c===Layout.VERTICAL_TWO_COLUMN,"tw-definition-list--horizontal flex-column":isLayoutHorizontal(c)}),children:b.filter(function(a){return a}).map(function(a){var b=a.title,d=a.value,e=a.key;return/*#__PURE__*/_jsxs("div",{className:"tw-definition-list__item",children:[/*#__PURE__*/_jsx("dt",{children:b}),/*#__PURE__*/_jsx("dd",{className:alignmentClassMap[c]||"",children:d})]},e)})})};DefinitionList.propTypes={definitions:PropTypes.arrayOf(PropTypes.shape({title:PropTypes.node.isRequired,value:PropTypes.node.isRequired,key:PropTypes.string.isRequired})),layout:PropTypes.oneOf(["VERTICAL_TWO_COLUMN","VERTICAL_ONE_COLUMN","HORIZONTAL_JUSTIFIED","HORIZONTAL_LEFT_ALIGNED","HORIZONTAL_RIGHT_ALIGNED"]),muted:PropTypes.bool},DefinitionList.defaultProps={definitions:[],layout:Layout.VERTICAL_TWO_COLUMN,muted:!1};export default DefinitionList;
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";var _alignmentClassMap;import"core-js/modules/es.array.includes.js";import"core-js/modules/es.string.includes.js";import"core-js/modules/es.array.map.js";import"core-js/modules/es.array.filter.js";import classNames from"classnames";import PropTypes from"prop-types";import{Layout}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var isLayoutHorizontal=function(a){return[Layout.HORIZONTAL_LEFT_ALIGNED,Layout.HORIZONTAL_RIGHT_ALIGNED,Layout.HORIZONTAL_JUSTIFIED].includes(a)},alignmentClassMap=(_alignmentClassMap={},_defineProperty(_alignmentClassMap,Layout.HORIZONTAL_RIGHT_ALIGNED,"text-sm-right"),_defineProperty(_alignmentClassMap,Layout.HORIZONTAL_JUSTIFIED,"text-sm-justify"),_alignmentClassMap),DefinitionList=function(a){var b=a.definitions,c=a.layout,d=a.muted;return/*#__PURE__*/_jsx("dl",{className:classNames("tw-definition-list d-flex ",{"text-muted":d,"flex-column":c===Layout.VERTICAL_ONE_COLUMN,"tw-definition-list--columns flex-column flex-row--sm":c===Layout.VERTICAL_TWO_COLUMN,"tw-definition-list--horizontal flex-column":isLayoutHorizontal(c)}),children:b.filter(function(a){return a}).map(function(a){var b=a.title,d=a.value,e=a.key;return/*#__PURE__*/_jsxs("div",{className:"tw-definition-list__item",children:[/*#__PURE__*/_jsx("dt",{children:b}),/*#__PURE__*/_jsx("dd",{className:alignmentClassMap[c]||"",children:d})]},e)})})};DefinitionList.propTypes={definitions:PropTypes.arrayOf(PropTypes.shape({title:PropTypes.node.isRequired,value:PropTypes.node.isRequired,key:PropTypes.string.isRequired})),layout:PropTypes.oneOf(["VERTICAL_TWO_COLUMN","VERTICAL_ONE_COLUMN","HORIZONTAL_JUSTIFIED","HORIZONTAL_LEFT_ALIGNED","HORIZONTAL_RIGHT_ALIGNED"]),muted:PropTypes.bool},DefinitionList.defaultProps={definitions:[],layout:Layout.VERTICAL_TWO_COLUMN,muted:!1};export default DefinitionList;
@@ -1,5 +1,5 @@
1
- import"core-js/modules/es.string.starts-with.js";import{useEffect,useRef}from"react";import PropTypes from"prop-types";import classNames from"classnames";import CSSTransition from"react-transition-group/CSSTransition";import withNextPortal from"../withNextPortal/withNextPortal";import{addNoScrollBodyClass,removeNoScrollBodyClass}from"../common";import FocusBoundary from"../common/focusBoundary";import DimmerManager from"./dimmerManager";import{isIosDevice}from"../common/deviceDetection";import{jsx as _jsx}from"react/jsx-runtime";export var EXIT_ANIMATION=350;var dimmerManager=new DimmerManager,Dimmer=function(a){var b=a.children,c=a.className,d=a.disableClickToClose,e=a.fadeContentOnEnter,f=a.fadeContentOnExit,g=a.transparent,h=a.onClose,i=a.open,j=a.scrollable,k=useRef(),l=!d&&h?function closeOnClick(a){a.target===k.current&&h(a)}:void 0,m=function(a){"Escape"!==a.key||(a.stopPropagation(),h&&dimmerManager.isTop(k)&&h(a))},n=function(a){var b=a.target.className.startsWith("dimmer");// disable scroll on iOS devices for Dimmer area
1
+ import"core-js/modules/es.string.starts-with.js";import classNames from"classnames";import PropTypes from"prop-types";import{useEffect,useRef}from"react";import CSSTransition from"react-transition-group/CSSTransition";import{addNoScrollBodyClass,removeNoScrollBodyClass}from"../common";import{isIosDevice}from"../common/deviceDetection";import FocusBoundary from"../common/focusBoundary";import withNextPortal from"../withNextPortal/withNextPortal";import DimmerManager from"./dimmerManager";import{jsx as _jsx}from"react/jsx-runtime";export var EXIT_ANIMATION=350;var dimmerManager=new DimmerManager,handleTouchMove=function(a){var b=a.target.className.startsWith("dimmer");// disable scroll on iOS devices for Dimmer area
2
2
  // this is because of bug in WebKit https://bugs.webkit.org/show_bug.cgi?id=220908
3
3
  // note: scrolling still works for children(s) as expected
4
- isIosDevice()&&b&&(a.stopPropagation(),a.preventDefault())};return useEffect(function(){return i&&(document.addEventListener("keydown",m),k.current&&k.current.addEventListener("touchmove",n),!g&&addNoScrollBodyClass()),function(){document.removeEventListener("keydown",m),k.current&&k.current.removeEventListener("touchmove",n),removeNoScrollBodyClass()}},[i]),/*#__PURE__*/_jsx(CSSTransition,{in:i,appear:!0// Wait for animation to finish before unmount.
5
- ,timeout:{enter:0,exit:EXIT_ANIMATION},classNames:{enter:classNames({"dimmer--enter-fade":e}),enterDone:classNames("dimmer--enter-done",{"dimmer--enter-fade":e}),exit:classNames("dimmer--exit",{"dimmer--exit-fade":f})},onEnter:function onEnter(){return dimmerManager.add(k)},onExited:function onExited(){return dimmerManager.remove(k)},unmountOnExit:!0,children:/*#__PURE__*/_jsx("div",{className:classNames("dimmer",{"dimmer--scrollable":j,"dimmer--transparent":g},c),onClick:l,ref:k,role:"presentation",children:/*#__PURE__*/_jsx(FocusBoundary,{children:b})})})};Dimmer.propTypes={children:PropTypes.node,className:PropTypes.string,disableClickToClose:PropTypes.bool,fadeContentOnEnter:PropTypes.bool,fadeContentOnExit:PropTypes.bool,/** Sets the background to transparent and prevents body scroll locking */transparent:PropTypes.bool,onClose:PropTypes.func,open:PropTypes.bool,scrollable:PropTypes.bool},Dimmer.defaultProps={children:null,className:void 0,disableClickToClose:!1,fadeContentOnEnter:!1,fadeContentOnExit:!1,transparent:!1,onClose:void 0,open:!1,scrollable:!1};export{Dimmer};export default withNextPortal(Dimmer);
4
+ isIosDevice()&&b&&(a.stopPropagation(),a.preventDefault())},Dimmer=function(a){var b=a.children,c=a.className,d=a.disableClickToClose,e=a.fadeContentOnEnter,f=a.fadeContentOnExit,g=a.transparent,h=a.onClose,i=a.open,j=a.scrollable,k=useRef(),l=!d&&h?function closeOnClick(a){a.target===k.current&&h(a)}:void 0,m=function(a){"Escape"!==a.key||(a.stopPropagation(),h&&dimmerManager.isTop(k)&&h(a))};return useEffect(function(){return i&&(document.addEventListener("keydown",m),k.current&&k.current.addEventListener("touchmove",handleTouchMove)),function(){document.removeEventListener("keydown",m),k.current&&k.current.removeEventListener("touchmove",handleTouchMove)}},[i]),/*#__PURE__*/_jsx(CSSTransition,{in:i,appear:!0// Wait for animation to finish before unmount.
5
+ ,timeout:{enter:0,exit:EXIT_ANIMATION},classNames:{enter:classNames({"dimmer--enter-fade":e}),enterDone:classNames("dimmer--enter-done",{"dimmer--enter-fade":e}),exit:classNames("dimmer--exit",{"dimmer--exit-fade":f})},unmountOnExit:!0,onEnter:function onEnter(){return dimmerManager.add(k)},onExited:function onExited(){return dimmerManager.remove(k)},children:/*#__PURE__*/_jsx(DimmerContentWrapper,{scrollBody:!g,children:/*#__PURE__*/_jsx("div",{ref:k,className:classNames("dimmer",{"dimmer--scrollable":j,"dimmer--transparent":g},c),role:"presentation",onClick:l,children:/*#__PURE__*/_jsx(FocusBoundary,{children:b})})})})};export var DimmerContentWrapper=function(a){var b=a.children,c=a.scrollBody;return useEffect(function(){return c&&addNoScrollBodyClass(),function(){c&&removeNoScrollBodyClass()}},[]),b};Dimmer.propTypes={children:PropTypes.node,className:PropTypes.string,disableClickToClose:PropTypes.bool,fadeContentOnEnter:PropTypes.bool,fadeContentOnExit:PropTypes.bool,/** Sets the background to transparent and prevents body scroll locking */transparent:PropTypes.bool,onClose:PropTypes.func,open:PropTypes.bool,scrollable:PropTypes.bool},Dimmer.defaultProps={children:null,className:void 0,disableClickToClose:!1,fadeContentOnEnter:!1,fadeContentOnExit:!1,transparent:!1,onClose:void 0,open:!1,scrollable:!1};export{Dimmer};export default withNextPortal(Dimmer);
@@ -1 +1 @@
1
- import PropTypes from"prop-types";import classNames from"classnames";import SlidingPanel from"../slidingPanel";import Dimmer from"../dimmer";import{Position}from"../common/propsValues/position";import{logActionRequiredIf}from"../utilities";import CloseButton from"../common/closeButton";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Drawer=function(a){var b=a.children,c=a.footerContent,d=a.headerTitle,e=a.onClose,f=a.open,g=a.position;return logActionRequiredIf("Drawer now expects `onClose`, and will soon make this prop required. Please update your usage to provide it.",!e),/*#__PURE__*/_jsx(Dimmer,{open:f,onClose:e,children:/*#__PURE__*/_jsx(SlidingPanel,{open:f,position:g,children:/*#__PURE__*/_jsxs("div",{className:"np-drawer",children:[/*#__PURE__*/_jsxs("div",{className:classNames("np-drawer-header","np-drawer-p-x",{"np-drawer-header--withborder":d}),children:[/*#__PURE__*/_jsx(CloseButton,{className:"np-drawer-header",onClick:e}),d&&/*#__PURE__*/_jsx("div",{className:"align-heading m-l-2",children:/*#__PURE__*/_jsx("div",{className:"np-drawer-header--title h3",children:d})})]}),b&&/*#__PURE__*/_jsx("div",{className:classNames("np-drawer-content","np-drawer-p-x","np-drawer-p-y"),children:b}),c&&/*#__PURE__*/_jsx("div",{className:classNames("np-drawer-footer","np-drawer-p-x"),children:c})]})})})};Drawer.propTypes={/** The content to appear in the drawer body. */children:PropTypes.node,/** The content to appear in the drawer footer. */footerContent:PropTypes.node,/** The content to appear in the drawer header. */headerTitle:PropTypes.string,/** The action to perform on close click. */onClose:PropTypes.func,/** The status of Drawer either open or not. */open:PropTypes.bool,/** The placement of Drawer on the screen either left or right. */position:PropTypes.oneOf(["left","right"])},Drawer.defaultProps={children:null,footerContent:null,headerTitle:null,onClose:null,open:!1,position:Position.RIGHT};export default Drawer;
1
+ import classNames from"classnames";import PropTypes from"prop-types";import CloseButton from"../common/closeButton";import{Position}from"../common/propsValues/position";import Dimmer from"../dimmer";import SlidingPanel from"../slidingPanel";import{logActionRequiredIf}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Drawer=function(a){var b=a.children,c=a.footerContent,d=a.headerTitle,e=a.onClose,f=a.open,g=a.position;return logActionRequiredIf("Drawer now expects `onClose`, and will soon make this prop required. Please update your usage to provide it.",!e),/*#__PURE__*/_jsx(Dimmer,{open:f,onClose:e,children:/*#__PURE__*/_jsx(SlidingPanel,{open:f,position:g,children:/*#__PURE__*/_jsxs("div",{className:"np-drawer",children:[/*#__PURE__*/_jsxs("div",{className:classNames("np-drawer-header",{"np-drawer-header--withborder":d}),children:[/*#__PURE__*/_jsx(CloseButton,{onClick:e}),d&&/*#__PURE__*/_jsx("div",{className:"np-drawer-header--title h3",children:d})]}),b&&/*#__PURE__*/_jsx("div",{className:classNames("np-drawer-content"),children:b}),c&&/*#__PURE__*/_jsx("div",{className:classNames("np-drawer-footer"),children:c})]})})})};Drawer.propTypes={/** The content to appear in the drawer body. */children:PropTypes.node,/** The content to appear in the drawer footer. */footerContent:PropTypes.node,/** The content to appear in the drawer header. */headerTitle:PropTypes.string,/** The action to perform on close click. */onClose:PropTypes.func,/** The status of Drawer either open or not. */open:PropTypes.bool,/** The placement of Drawer on the screen either left or right. */position:PropTypes.oneOf(["left","right"])},Drawer.defaultProps={children:null,footerContent:null,headerTitle:null,onClose:null,open:!1,position:Position.RIGHT};export default Drawer;
@@ -1 +1 @@
1
- import PropTypes from"prop-types";import DefinitionList from"../definitionList";import{prepFields}from"../common/requirements";import createDefinitions from"./utils/createDefinitions";import{Layout}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var DynamicFieldDefinitionList=function(a){var b=a.model,c=a.title,d=a.layout,e=a.fields;return/*#__PURE__*/_jsxs(_Fragment,{children:[c&&/*#__PURE__*/_jsx("div",{className:"m-t-1",children:/*#__PURE__*/_jsx("div",{className:"p-t-3 h4",children:c})}),/*#__PURE__*/_jsx(DefinitionList,{layout:d,definitions:createDefinitions(prepFields(e),b)})]})};DynamicFieldDefinitionList.propTypes={model:PropTypes.shape({}).isRequired,fields:PropTypes.shape({}).isRequired,title:PropTypes.string,layout:PropTypes.oneOf(["VERTICAL_TWO_COLUMN","VERTICAL_ONE_COLUMN","HORIZONTAL_JUSTIFIED","HORIZONTAL_LEFT_ALIGNED"])},DynamicFieldDefinitionList.defaultProps={title:null,layout:Layout.VERTICAL_TWO_COLUMN};export default DynamicFieldDefinitionList;
1
+ import PropTypes from"prop-types";import{Layout}from"../common";import{prepFields}from"../common/requirements";import DefinitionList from"../definitionList";import createDefinitions from"./utils/createDefinitions";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var DynamicFieldDefinitionList=function(a){var b=a.model,c=a.title,d=a.layout,e=a.fields;return/*#__PURE__*/_jsxs(_Fragment,{children:[c&&/*#__PURE__*/_jsx("div",{className:"m-t-1",children:/*#__PURE__*/_jsx("div",{className:"p-t-3 h4",children:c})}),/*#__PURE__*/_jsx(DefinitionList,{layout:d,definitions:createDefinitions(prepFields(e),b)})]})};DynamicFieldDefinitionList.propTypes={model:PropTypes.shape({}).isRequired,fields:PropTypes.shape({}).isRequired,title:PropTypes.string,layout:PropTypes.oneOf(["VERTICAL_TWO_COLUMN","VERTICAL_ONE_COLUMN","HORIZONTAL_JUSTIFIED","HORIZONTAL_LEFT_ALIGNED"])},DynamicFieldDefinitionList.defaultProps={title:null,layout:Layout.VERTICAL_TWO_COLUMN};export default DynamicFieldDefinitionList;
@@ -1,10 +1,8 @@
1
- import"core-js/modules/es.array.find.js";import"core-js/modules/es.array.join.js";import"core-js/modules/es.array.iterator.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/web.dom-collections.iterator.js";import{useIntl}from"react-intl";import PropTypes from"prop-types";import classNames from"classnames";import{formatDate,formatNumber}from"@transferwise/formatting";import{formatUsingPattern}from"../utils/text-format";/**
1
+ import"core-js/modules/es.array.find.js";import"core-js/modules/es.array.join.js";import"core-js/modules/es.array.iterator.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/web.dom-collections.iterator.js";import{formatDate,formatNumber}from"@transferwise/formatting";import classNames from"classnames";import PropTypes from"prop-types";import{useIntl}from"react-intl";import{formatUsingPattern}from"../utils/text-format";/**
2
2
  *
3
3
  * @param {Array} options
4
4
  * @param {string|number} value
5
5
  */import{jsx as _jsx}from"react/jsx-runtime";var getValueLabel=function(a,b){var c=a.find(function(a){return a.value===b});return c&&c.label?c.label:b},mask=function(a){return Array(a.length+1).join("*")},FormattedValue=function(a){var b=a.field,c=a.value,d=useIntl(),e=d.locale,f=[];switch(b.tagClassName&&b.tagClassName.h3&&(f.push("h3"),f.push("formatted-value__h3-custom-alignment")),b.control){case"select":case"radio":return/*#__PURE__*/_jsx("span",{children:getValueLabel(b.values,c)});case"date":return/*#__PURE__*/_jsx("span",{children:formatDate(c instanceof Date?c:new Date(c),e)});case"number":return/*#__PURE__*/_jsx("span",{children:formatNumber(c,e)});case"password":return/*#__PURE__*/_jsx("span",{children:mask(c)});case"file":return/*#__PURE__*/_jsx("div",{className:"thumbnail",children:/*#__PURE__*/_jsx("img",{alt:b.title,src:c})});case"checkbox":return/*#__PURE__*/_jsx("span",{children:JSON.stringify(c)});default:return/*#__PURE__*/_jsx("span",{className:classNames(f),children:formatUsingPattern(c,b.displayFormat)});}};/**
6
6
  *
7
7
  * @param {string} value
8
- */FormattedValue.propTypes={field:PropTypes.shape({control:PropTypes.string.isRequired,displayFormat:PropTypes.string,refreshRequirementsOnChange:PropTypes.bool,title:PropTypes.string.isRequired,type:PropTypes.string.isRequired,width:PropTypes.string,tagClassName:PropTypes.shape({h3:PropTypes.bool}),// eslint-disable-next-line react/forbid-prop-types
9
- values:PropTypes.arrayOf(PropTypes.shape({value:PropTypes.any}))}).isRequired,// eslint-disable-next-line react/forbid-prop-types
10
- value:PropTypes.any.isRequired};export default FormattedValue;
8
+ */FormattedValue.propTypes={field:PropTypes.shape({control:PropTypes.string.isRequired,displayFormat:PropTypes.string,refreshRequirementsOnChange:PropTypes.bool,title:PropTypes.string.isRequired,type:PropTypes.string.isRequired,width:PropTypes.string,tagClassName:PropTypes.shape({h3:PropTypes.bool}),values:PropTypes.arrayOf(PropTypes.shape({value:PropTypes.any}))}).isRequired,value:PropTypes.any.isRequired};export default FormattedValue;
@@ -1 +1 @@
1
- var formatUsingPattern=function(){var a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"",b=1<arguments.length?arguments[1]:void 0;if("string"!=typeof b)return a;var c=b;0<c.indexOf("||")&&(c=c.substring(0,b.indexOf("||")));for(var d="",separators=0,e=a.length,f=0;e;)positionIsSeparator(c,f)?(d+=c[f],separators+=1):(d+=a[f-separators],e-=1),f+=1;var g=countSeparatorsAfterCursor(c,f);return g&&(d+=c.substr(f,g)),d},countSeparatorsAfterCursor=function(a,b){for(var separators=0;positionIsSeparator(a,b+separators);)separators+=1;return separators},positionIsSeparator=function(a,b){return a[b]&&"*"!==a[b]};export{formatUsingPattern};
1
+ import"core-js/modules/es.array.slice.js";var formatUsingPattern=function(){var a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"",b=1<arguments.length?arguments[1]:void 0;if("string"!=typeof b)return a;var c=b;0<c.indexOf("||")&&(c=c.slice(0,Math.max(0,b.indexOf("||"))));for(var d="",separators=0,e=a.length,f=0;e;)positionIsSeparator(c,f)?(d+=c[f],separators+=1):(d+=a[f-separators],e-=1),f+=1;var g=countSeparatorsAfterCursor(c,f);return g&&(d+=c.slice(f,g)),d},countSeparatorsAfterCursor=function(a,b){for(var separators=0;positionIsSeparator(a,b+separators);)separators+=1;return separators},positionIsSeparator=function(a,b){return a[b]&&"*"!==a[b]};export{formatUsingPattern};
@@ -1,2 +1,2 @@
1
1
  import EmphasisHtmlTransformer from"./EmphasisHtmlTransformer";import{jsx as _jsx}from"react/jsx-runtime";var SUPPORTED_TAGS=["important","positive","negative","warning"],emphasisHtmlTransformer=new EmphasisHtmlTransformer(SUPPORTED_TAGS),Emphasis=function(a){var b=a.text,c=void 0===b?void 0:b;if(!c)return null;var d=emphasisHtmlTransformer.transform(c);// eslint-disable-next-line react/no-danger
2
- return d?/*#__PURE__*/_jsx("span",{dangerouslySetInnerHTML:{__html:d}}):null};export default Emphasis;
2
+ return d?/*#__PURE__*/_jsx("em",{dangerouslySetInnerHTML:{__html:d}}):null};export default Emphasis;
@@ -1,2 +1,2 @@
1
- import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"core-js/modules/es.array.map.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.keys.js";import{useRef}from"react";import PropTypes from"prop-types";import classNames from"classnames";import Header from"../header";import Stepper from"../stepper";import AnimatedLabel from"./animatedLabel";import BackButton from"./backButton";import CloseButton from"../common/closeButton";import{Breakpoint,Layout}from"../common";import{useClientWidth}from"../common/hooks";import Logo from"../logo";// Size switches on parent container which may or may not have the same size as the window.
1
+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"core-js/modules/es.array.map.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.keys.js";import classNames from"classnames";import PropTypes from"prop-types";import{useRef}from"react";import{Breakpoint,Layout}from"../common";import CloseButton from"../common/closeButton";import{useClientWidth}from"../common/hooks";import Header from"../header";import Logo from"../logo";import Stepper from"../stepper";import AnimatedLabel from"./animatedLabel";import BackButton from"./backButton";// Size switches on parent container which may or may not have the same size as the window.
2
2
  import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var containerBreakpoints={"np-flow-navigation--sm":Breakpoint.SMALL,"np-flow-navigation--lg":Breakpoint.LARGE},FlowNavigation=function(a){var b=a.activeStep,c=a.avatar,d=a.logo,e=a.onClose,f=a.onGoBack,g=a.done,h=a.steps,i=useRef(null),j=useClientWidth({ref:i}),k=_slicedToArray(j,1),l=k[0],m=e&&/*#__PURE__*/_jsx(CloseButton,{onClick:e}),n=l<Breakpoint.SMALL,o=g?null:c;return/*#__PURE__*/_jsx("div",{ref:i,className:classNames("np-flow-navigation d-flex align-items-center justify-content-center p-y-3",{"np-flow-navigation--border-bottom":!g}),children:/*#__PURE__*/_jsx(Header,{className:classNames("np-flow-navigation__content p-x-3",{"np-flow-navigation--hidden":!l,"np-flow-navigation--xs-max":n},Object.keys(containerBreakpoints).filter(function(a){return l>=containerBreakpoints[a]})),leftContent:n?function getLeftContentSmall(){var a=f&&0<b;return/*#__PURE__*/_jsxs(_Fragment,{children:[a&&/*#__PURE__*/_jsx(BackButton,{label:/*#__PURE__*/_jsx(AnimatedLabel,{className:"m-x-1",labels:h.map(function(a){return a.label}),activeLabel:b-1}),onClick:f}),/*#__PURE__*/_jsx("div",{className:classNames("np-flow-navigation--flag",{"np-flow-navigation--flag__hidden":a,"np-flow-navigation--flag__display":!a})})]})}():d,rightContent:/*#__PURE__*/_jsxs(_Fragment,{children:[o,o&&m&&/*#__PURE__*/_jsx("span",{className:"separator"}),m]}),bottomContent:!g&&/*#__PURE__*/_jsx(Stepper,{activeStep:b,steps:h,className:classNames("np-flow-navigation__stepper")}),layout:l<Breakpoint.LARGE?Layout.VERTICAL:Layout.HORIZONTAL})})};FlowNavigation.defaultProps={activeStep:0,avatar:void 0,logo:/*#__PURE__*/_jsx(Logo,{}),onGoBack:void 0,onClose:void 0,done:!1},FlowNavigation.propTypes={activeStep:PropTypes.number,/** An Avatar */avatar:PropTypes.element,logo:PropTypes.node,/** Called when the close button is clicked. If not provided the close button won't show */onClose:PropTypes.func,/** Called when the back button is clicked. If not provided the back button won't show. The back button only shows on small screens */onGoBack:PropTypes.func,done:PropTypes.bool,/** Steps to be displayed in stepper. If you don't need the stepper, please use OverlayHeader instead */steps:PropTypes.arrayOf(PropTypes.shape({label:PropTypes.node.isRequired,onClick:PropTypes.func,hoverLabel:PropTypes.node})).isRequired};export default FlowNavigation;
@@ -1 +1 @@
1
- import"core-js/modules/es.array.map.js";import PropTypes from"prop-types";import classNames from"classnames";import{jsx as _jsx}from"react/jsx-runtime";var AnimatedLabel=function(a){var b=a.activeLabel,c=a.className,d=a.labels,e=d.length-1;return/*#__PURE__*/_jsx("div",{className:classNames("np-animated-label",c),children:d.map(function(a,c){var d=c-1;return/*#__PURE__*/_jsx("div",{className:classNames("text-xs-left",{"np-animated-label--in":c===b,"np-animated-label--out":d===b&&d!==e}),children:a},c)})})};AnimatedLabel.propTypes={activeLabel:PropTypes.number.isRequired,className:PropTypes.string,labels:PropTypes.arrayOf(PropTypes.node).isRequired},AnimatedLabel.defaultProps={className:void 0};export default AnimatedLabel;
1
+ import"core-js/modules/es.array.map.js";import classNames from"classnames";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";var AnimatedLabel=function(a){var b=a.activeLabel,c=a.className,d=a.labels,e=d.length-1;return/*#__PURE__*/_jsx("div",{className:classNames("np-animated-label",c),children:d.map(function(a,c){var d=c-1;return/*#__PURE__*/_jsx("div",{className:classNames("text-xs-left",{"np-animated-label--in":c===b,"np-animated-label--out":d===b&&d!==e}),children:a},d)})})};AnimatedLabel.propTypes={activeLabel:PropTypes.number.isRequired,className:PropTypes.string,labels:PropTypes.arrayOf(PropTypes.node).isRequired},AnimatedLabel.defaultProps={className:void 0};export default AnimatedLabel;
@@ -1 +1 @@
1
- import PropTypes from"prop-types";import classNames from"classnames";import{ArrowLeft as ArrowLeftIcon}from"@transferwise/icons";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var BackButton=function(a){var b=a.label,c=a.className,d=a.onClick;return/*#__PURE__*/_jsxs("button",{type:"button",className:classNames("np-back-button","align-items-center","btn-unstyled",c),onClick:d,children:[/*#__PURE__*/_jsx(ArrowLeftIcon,{size:24}),b]})};BackButton.propTypes={className:PropTypes.string,label:PropTypes.element,onClick:PropTypes.func.isRequired},BackButton.defaultProps={className:void 0,label:void 0};export default BackButton;
1
+ import{ArrowLeft as ArrowLeftIcon}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var BackButton=function(a){var b=a.label,c=a.className,d=a.onClick;return/*#__PURE__*/_jsxs("button",{type:"button",className:classNames("np-back-button","align-items-center","btn-unstyled",c),onClick:d,children:[/*#__PURE__*/_jsx(ArrowLeftIcon,{size:24}),b]})};BackButton.propTypes={className:PropTypes.string,label:PropTypes.element,onClick:PropTypes.func.isRequired},BackButton.defaultProps={className:void 0,label:void 0};export default BackButton;
@@ -1 +1 @@
1
- import{forwardRef}from"react";import PropTypes from"prop-types";import classNames from"classnames";import{Layout}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Header=/*#__PURE__*/forwardRef(function(a,b){var c=a.bottomContent,d=a.className,e=a.layout,f=a.leftContent,g=a.rightContent,h=e===Layout.VERTICAL;return/*#__PURE__*/_jsxs("div",{className:classNames("np-header","d-flex","flex-wrap",d),ref:b,children:[/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","np-header__left","d-flex",{"flex__item--8":h}),children:f}),/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","d-flex","np-header__right","justify-content-end",{"flex__item--4 ":h,"order-2":!h}),children:g}),/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","d-flex","justify-content-center",{"flex__item--12":h,"order-1 flex-grow-1":!h}),children:c})]})});Header.defaultProps={bottomContent:void 0,className:void 0,layout:Layout.HORIZONTAL,leftContent:void 0,rightContent:void 0},Header.propTypes={bottomContent:PropTypes.node,className:PropTypes.string,layout:PropTypes.oneOf(["HORIZONTAL","VERTICAL"]),leftContent:PropTypes.node,rightContent:PropTypes.node};export default Header;
1
+ import classNames from"classnames";import PropTypes from"prop-types";import{forwardRef}from"react";import{Layout}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Header=/*#__PURE__*/forwardRef(function(a,b){var c=a.bottomContent,d=a.className,e=a.layout,f=a.leftContent,g=a.rightContent,h=e===Layout.VERTICAL;return/*#__PURE__*/_jsxs("div",{ref:b,className:classNames("np-header","d-flex","flex-wrap",d),children:[/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","np-header__left","d-flex",{"flex__item--8":h}),children:f}),/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","d-flex","np-header__right","justify-content-end",{"flex__item--4 ":h,"order-2":!h}),children:g}),/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","d-flex","justify-content-center",{"flex__item--12":h,"order-1 flex-grow-1":!h}),children:c})]})});Header.defaultProps={bottomContent:void 0,className:void 0,layout:Layout.HORIZONTAL,leftContent:void 0,rightContent:void 0},Header.propTypes={bottomContent:PropTypes.node,className:PropTypes.string,layout:PropTypes.oneOf(["HORIZONTAL","VERTICAL"]),leftContent:PropTypes.node,rightContent:PropTypes.node};export default Header;
@@ -1,8 +1,9 @@
1
1
  {
2
2
  "neptune.ClearButton.ariaLabel": "Clear",
3
3
  "neptune.CloseButton.ariaLabel": "Close",
4
- "neptune.Link.ariaLabel": "Open link",
5
- "neptune.Link.ariaLabelNewTab": "Open link in a new tab",
4
+ "neptune.DateInput.day.label": "Day",
5
+ "neptune.DateInput.month.label": "Month",
6
+ "neptune.DateInput.year.label": "Year",
6
7
  "neptune.MoneyInput.Select.placeholder": "Select an option...",
7
8
  "neptune.Pagination.ariaLabel": "Pagination navigation",
8
9
  "neptune.PaginationLink.ariaLabel.active": "Go to page {pageNumber}",
@@ -1 +1 @@
1
- import en from"./en.json";import de from"./de.json";import es from"./es.json";import fr from"./fr.json";import hu from"./hu.json";import id from"./id.json";import it from"./it.json";import ja from"./ja.json";import pl from"./pl.json";import pt from"./pt.json";import ro from"./ro.json";import ru from"./ru.json";import tr from"./tr.json";import uk from"./uk.json";import zh from"./zh.json";var translations={de:de,en:en,es:es,fr:fr,hu:hu,id:id,it:it,ja:ja,pl:pl,pt:pt,ro:ro,ru:ru,tr:tr,uk:uk,zh:zh};export default translations;
1
+ import de from"./de.json";import en from"./en.json";import es from"./es.json";import fr from"./fr.json";import hu from"./hu.json";import id from"./id.json";import it from"./it.json";import ja from"./ja.json";import pl from"./pl.json";import pt from"./pt.json";import ro from"./ro.json";import ru from"./ru.json";import tr from"./tr.json";import uk from"./uk.json";import zh from"./zh.json";var translations={de:de,en:en,es:es,fr:fr,hu:hu,id:id,it:it,ja:ja,pl:pl,pt:pt,ro:ro,ru:ru,tr:tr,uk:uk,zh:zh};export default translations;
@@ -1,13 +1,12 @@
1
- import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useRef}from"react";import PropTypes from"prop-types";import classnames from"classnames";import{useHasIntersected}from"../common/hooks";/**
1
+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import classnames from"classnames";import PropTypes from"prop-types";import{useRef}from"react";import{useHasIntersected}from"../common/hooks";/**
2
2
  * Image component provides a wrapper for image tag. Optional lazy loading functionalities can also be enabled passing prop loading = "lazy.
3
3
  * Once element intersects viewport image loads.
4
4
  *
5
5
  * @param {string} [alt=""] - string that contains the alt text. Required.
6
6
  * @param {string} [src=""] - string that contains the src text. Required.
7
7
  * @param {string} [id=""] - string that contains the id text.
8
- * @param {function} [onLoad=()=>{}] - function that contains load callback. Doesn't fire on SSR https://github.com/facebook/react/issues/15446
9
- * @param {function} [onError=()=>{}] - function that contains error callback. Doesn't fire on SSR https://github.com/facebook/react/issues/15446
8
+ * @param {Function} [onLoad=()=>{}] - function that contains load callback. Doesn't fire on SSR https://github.com/facebook/react/issues/15446
9
+ * @param {Function} [onError=()=>{}] - function that contains error callback. Doesn't fire on SSR https://github.com/facebook/react/issues/15446
10
10
  * @param {boolean} [loading="lazy"] - This attribute follows the loading API attribute. If set to eager image will load immediately just like a normal image tag otherwise it will lazy load.
11
- *
12
11
  * @usage `<Image alt="alt" src="src" id="id1" onLoad={()=>{}} onError={())=>{}} loading="lazy" />`
13
- * */import{jsx as _jsx}from"react/jsx-runtime";export var EmptyTransparentImage="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";var Image=function(a){var b=a.id,c=a.src,d=a.alt,e=a.onLoad,f=a.onError,g=a.className,h=a.loading,i=a.stretch,j=a.shrink,k=useRef(),l=useHasIntersected({elRef:k,loading:h}),m=_slicedToArray(l,1),n=m[0],o=c,p=e;return"lazy"!==h||n||(o=EmptyTransparentImage,p=null),/*#__PURE__*/_jsx("img",{id:b,alt:d,src:o,className:classnames(["tw-image",{"tw-image__stretch":i,"tw-image__shrink":j},g]),ref:k,onLoad:p,onError:f})};Image.propTypes={id:PropTypes.string,src:PropTypes.string.isRequired,alt:PropTypes.string.isRequired,onLoad:PropTypes.func,onError:PropTypes.func,className:PropTypes.string,loading:PropTypes.oneOf(["lazy","eager"]),stretch:PropTypes.bool,shrink:PropTypes.bool},Image.defaultProps={id:null,className:"",onLoad:function onLoad(){},onError:function onError(){},loading:"eager",stretch:!0,shrink:!0};export default Image;
12
+ */import{jsx as _jsx}from"react/jsx-runtime";export var EmptyTransparentImage="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";var Image=function(a){var b=a.id,c=a.src,d=a.alt,e=a.onLoad,f=a.onError,g=a.className,h=a.loading,i=a.stretch,j=a.shrink,k=useRef(),l=useHasIntersected({elRef:k,loading:h}),m=_slicedToArray(l,1),n=m[0],o=c,p=e;return"lazy"!==h||n||(o=EmptyTransparentImage,p=null),/*#__PURE__*/_jsx("img",{ref:k,id:b,alt:d,src:o,className:classnames(["tw-image",{"tw-image__stretch":i,"tw-image__shrink":j},g]),onLoad:p,onError:f})};Image.propTypes={id:PropTypes.string,src:PropTypes.string.isRequired,alt:PropTypes.string.isRequired,onLoad:PropTypes.func,onError:PropTypes.func,className:PropTypes.string,loading:PropTypes.oneOf(["lazy","eager"]),stretch:PropTypes.bool,shrink:PropTypes.bool},Image.defaultProps={id:null,className:"",onLoad:function onLoad(){},onError:function onError(){},loading:"eager",stretch:!0,shrink:!0};export default Image;
@@ -1 +1 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useState}from"react";import PropTypes from"prop-types";import classNames from"classnames";import{HelpCircle as HelpCircleIcon}from"@transferwise/icons";import Popover from"../popover";import Modal from"../modal";import{Size,Position}from"../common";import{InfoPresentation}from"./infoPresentations";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Info=function(a){var b=a.className,c=a.content,d=a.onClick,e=a.presentation,f=a.size,g=a.title,h=useState(!1),i=_slicedToArray(h,2),j=i[0],k=i[1],l=e===InfoPresentation.MODAL,m=f===Size.SMALL,n={"aria-label":a["aria-label"],className:"btn-unstyled",children:/*#__PURE__*/_jsx(HelpCircleIcon,{size:m?16:24})};return/*#__PURE__*/_jsx("span",{className:classNames(b,"np-info",{"np-info__small":m,"np-info__large":!m}),children:l?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("button",_objectSpread({type:"button",onClick:function onClick(){k(!j),d&&d()}},n)),/*#__PURE__*/_jsx(Modal,{body:c,onClose:function onClose(){return k(!1)},open:j,title:g})]}):/*#__PURE__*/_jsx(Popover,{content:c,preferredPlacement:Position.BOTTOM,title:g,children:/*#__PURE__*/_jsx("button",_objectSpread(_objectSpread({type:"button"},n),{},{onClick:function onClick(){d&&d()}}))})})};Info.propTypes={"aria-label":PropTypes.string.isRequired,/** Extra classes applied to Info */className:PropTypes.string,/** Content displayed inside a Popover a Modal */content:PropTypes.node,onClick:PropTypes.func,/** Decides whether to display content in a Popover or a Modal */presentation:PropTypes.oneOf(["MODAL","POPOVER"]),/** Decides the size of help Icon */size:PropTypes.oneOf(["sm","lg"]),/** Title displayed inside a Popover a Modal */title:PropTypes.node},Info.defaultProps={className:void 0,content:void 0,onClick:void 0,presentation:InfoPresentation.POPOVER,size:Size.SMALL,title:void 0};export default Info;
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{HelpCircle as HelpCircleIcon}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{useState}from"react";import{Size,Position}from"../common";import Modal from"../modal";import Popover from"../popover";import{InfoPresentation}from"./infoPresentations";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Info=function(a){var b=a.className,c=a.content,d=a.onClick,e=a.presentation,f=a.size,g=a.title,h=useState(!1),i=_slicedToArray(h,2),j=i[0],k=i[1],l=e===InfoPresentation.MODAL,m=f===Size.SMALL,n={"aria-label":a["aria-label"],className:"btn-unstyled",children:/*#__PURE__*/_jsx(HelpCircleIcon,{size:m?16:24})};return/*#__PURE__*/_jsx("span",{className:classNames(b,"np-info",{"np-info__small":m,"np-info__large":!m}),children:l?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("button",_objectSpread({type:"button",onClick:function onClick(){k(!j),d&&d()}},n)),/*#__PURE__*/_jsx(Modal,{body:c,open:j,title:g,onClose:function onClose(){return k(!1)}})]}):/*#__PURE__*/_jsx(Popover,{content:c,preferredPlacement:Position.BOTTOM,title:g,children:/*#__PURE__*/_jsx("button",_objectSpread(_objectSpread({type:"button"},n),{},{onClick:function onClick(){d&&d()}}))})})};Info.propTypes={"aria-label":PropTypes.string.isRequired,/** Extra classes applied to Info */className:PropTypes.string,/** Content displayed inside a Popover a Modal */content:PropTypes.node,onClick:PropTypes.func,/** Decides whether to display content in a Popover or a Modal */presentation:PropTypes.oneOf(["MODAL","POPOVER"]),/** Decides the size of help Icon */size:PropTypes.oneOf(["sm","lg"]),/** Title displayed inside a Popover a Modal */title:PropTypes.node},Info.defaultProps={className:void 0,content:void 0,onClick:void 0,presentation:InfoPresentation.POPOVER,size:Size.SMALL,title:void 0};export default Info;
@@ -1 +1 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import PropTypes from"prop-types";import classNames from"classnames";import{Sentiment}from"../common";import withArrow,{AlertArrowPosition}from"../alert/withArrow";import{jsx as _jsx}from"react/jsx-runtime";var typeClassMap=_defineProperty({},Sentiment.ERROR,"danger"),InlineAlert=function(a){var b=withArrow(function(a){var b=a.children,c=a.className,d=a.type,e="alert-".concat(typeClassMap[d]||d);return/*#__PURE__*/_jsx("div",{role:"alert",className:classNames("alert alert-detach p-x-2 p-y-1",e,c),children:b})},AlertArrowPosition.TOP_LEFT);return/*#__PURE__*/_jsx(b,_objectSpread({},a))};InlineAlert.propTypes={children:PropTypes.node.isRequired,className:PropTypes.string,type:PropTypes.oneOf(["success","error","warning","info"])},InlineAlert.defaultProps={className:void 0,type:Sentiment.INFO};export default InlineAlert;
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classNames from"classnames";import PropTypes from"prop-types";import withArrow,{AlertArrowPosition}from"../alert/withArrow";import{Sentiment}from"../common";import{jsx as _jsx}from"react/jsx-runtime";var typeClassMap=_defineProperty({},Sentiment.ERROR,"danger"),InlineAlert=function(a){var b=withArrow(function(a){var b=a.children,c=a.className,d=a.type,e="alert-".concat(typeClassMap[d]||d);return/*#__PURE__*/_jsx("div",{role:"alert",className:classNames("alert alert-detach p-x-2 p-y-1",e,c),children:b})},AlertArrowPosition.TOP_LEFT);return/*#__PURE__*/_jsx(b,_objectSpread({},a))};InlineAlert.propTypes={children:PropTypes.node.isRequired,className:PropTypes.string,type:PropTypes.oneOf(["success","error","warning","info"])},InlineAlert.defaultProps={className:void 0,type:Sentiment.INFO};export default InlineAlert;
@@ -1,3 +1,3 @@
1
- import"core-js/modules/es.array.map.js";import PropTypes from"prop-types";import{CrossCircle as CrossCircleIcon,CheckCircle as CheckCircleIcon}from"@transferwise/icons";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var InstructionsList=function(a){var b=a.dos,c=a.donts;return/*#__PURE__*/_jsxs("div",{className:"tw-instructions",children:[b.map(function(a,b){return/*#__PURE__*/ (// eslint-disable-next-line react/no-array-index-key
1
+ import"core-js/modules/es.array.map.js";import{CrossCircle as CrossCircleIcon,CheckCircle as CheckCircleIcon}from"@transferwise/icons";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var InstructionsList=function(a){var b=a.dos,c=a.donts;return/*#__PURE__*/_jsxs("div",{className:"tw-instructions",children:[b.map(function(a,b){return/*#__PURE__*/ (// eslint-disable-next-line react/no-array-index-key
2
2
  _jsxs("div",{className:"instruction m-t-1",children:[/*#__PURE__*/_jsx(CheckCircleIcon,{size:24,className:"do"}),/*#__PURE__*/_jsx("p",{className:"m-l-2 m-b-0 text-primary",children:a})]},b))}),c.map(function(a,b){return/*#__PURE__*/ (// eslint-disable-next-line react/no-array-index-key
3
3
  _jsxs("div",{className:"instruction m-t-1",children:[/*#__PURE__*/_jsx(CrossCircleIcon,{size:24,className:"dont"}),/*#__PURE__*/_jsx("p",{className:"m-l-2 m-b-0 text-primary",children:a})]},b))})]})};InstructionsList.defaultProps={dos:[],donts:[]},InstructionsList.propTypes={dos:PropTypes.arrayOf(PropTypes.node),donts:PropTypes.arrayOf(PropTypes.node)};export default InstructionsList;
@@ -1,4 +1,4 @@
1
- import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"core-js/modules/es.array.map.js";import{useEffect,useCallback,useState}from"react";import classNames from"classnames";import PropTypes from"prop-types";import{isIpadOsSafari,isMobileSafari}from"./utils";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";function useMobileNavRef(){var a=useState(null),b=_slicedToArray(a,2),c=b[0],d=b[1],e=useCallback(function(a){null!==a&&d(a)},[]);return[c,e]}var mobileNavType={CALL_TO_ACTION:"call-to-action"},MobileNav=function(a){var b=a.items,c=a.activeItemPath,d=useState(!1),e=_slicedToArray(d,2),f=e[0],g=e[1],h=useMobileNavRef(),i=_slicedToArray(h,2),j=i[0],k=i[1];return useEffect(function(){/**
1
+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"core-js/modules/es.array.map.js";import classNames from"classnames";import PropTypes from"prop-types";import{useEffect,useCallback,useState}from"react";import{isIpadOsSafari,isMobileSafari}from"./utils";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";function useMobileNavReference(){var a=useState(null),b=_slicedToArray(a,2),c=b[0],d=b[1],e=useCallback(function(a){null!==a&&d(a)},[]);return[c,e]}var mobileNavType={CALL_TO_ACTION:"call-to-action"},MobileNav=function(a){var b=a.items,c=a.activeItemPath,d=useState(!1),e=_slicedToArray(d,2),f=e[0],g=e[1],h=useMobileNavReference(),i=_slicedToArray(h,2),j=i[0],k=i[1];return useEffect(function(){/**
2
2
  * This attempts to reposition the Mobile Nav when iOS Safari "Open in App" Banner is visible.
3
3
  * The Banner appears due to Universal Links. https://developer.apple.com/library/archive/documentation/General/Conceptual/AppSearch/UniversalLinks.html
4
4
  * Essentially when a path matches in https://wise.com/.well-known/apple-app-site-association the banner is shown.
@@ -6,4 +6,4 @@ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"core-js/
6
6
  * Luckily window.innerHeight changes when the banner is in view so we use this to calculate if we need to adjust the mobile nav positioning.
7
7
  */var a,b=function(){a&&window.cancelAnimationFrame(a),a=window.requestAnimationFrame(function(){// Banner only possible at top of page or at negative page scroll
8
8
  if(0<window.scrollY)return void g(!1);var a=j.getBoundingClientRect(),b=a.bottom,c=f?44:0,d=Math.floor(b)+c+window.scrollY>window.innerHeight;// measure position of mobile nav relative to the viewport
9
- d?0===window.scrollY&&g(!0):g(!1)})},c=window.innerHeight,d=function(){document.hidden?c=window.innerHeight:(c!==window.innerHeight&&g(!1),b())};return(isMobileSafari()||isIpadOsSafari())&&null!==j&&(b(),window.addEventListener("resize",b),window.addEventListener("scroll",b),document.addEventListener("visibilitychange",d)),function(){window.removeEventListener("resize",b),window.removeEventListener("scroll",b),document.removeEventListener("visibilitychange",d)}},[j,f]),/*#__PURE__*/_jsx("div",{ref:k,className:classNames("mobileNav",{"mobileNav--with-open-in-app-banner":f}),children:/*#__PURE__*/_jsx("ul",{className:"mobileNav__items",children:b.map(function(a){return/*#__PURE__*/_jsx("li",{className:classNames("mobileNavItem",{"mobileNavItem--call-to-action":a.type===mobileNavType.CALL_TO_ACTION,"mobileNavItem--active":c===a.path}),children:a.path&&/*#__PURE__*/_jsxs("a",{className:"mobileNavItem__link",onClick:a.onClick,href:a.path,children:[/*#__PURE__*/_jsx("span",{className:"mobileNavItem__icon",children:a.icon}),/*#__PURE__*/_jsx("span",{className:"mobileNavItem__label",children:a.label})]})},a.path)})})})};MobileNav.mobileNavType=mobileNavType,MobileNav.propTypes={activeItemPath:PropTypes.string,items:PropTypes.arrayOf(PropTypes.shape({icon:PropTypes.node.isRequired,label:PropTypes.string.isRequired,path:PropTypes.string.isRequired,type:PropTypes.oneOf([mobileNavType.CALL_TO_ACTION]),hidden:PropTypes.bool})).isRequired},MobileNav.defaultProps={activeItemPath:null};export default MobileNav;
9
+ d?0===window.scrollY&&g(!0):g(!1)})},c=window.innerHeight,d=function(){document.hidden?c=window.innerHeight:(c!==window.innerHeight&&g(!1),b())};return(isMobileSafari()||isIpadOsSafari())&&null!==j&&(b(),window.addEventListener("resize",b),window.addEventListener("scroll",b),document.addEventListener("visibilitychange",d)),function(){window.removeEventListener("resize",b),window.removeEventListener("scroll",b),document.removeEventListener("visibilitychange",d)}},[j,f]),/*#__PURE__*/_jsx("div",{ref:k,className:classNames("mobileNav",{"mobileNav--with-open-in-app-banner":f}),children:/*#__PURE__*/_jsx("ul",{className:"mobileNav__items",children:b.map(function(a){return/*#__PURE__*/_jsx("li",{className:classNames("mobileNavItem",{"mobileNavItem--call-to-action":a.type===mobileNavType.CALL_TO_ACTION,"mobileNavItem--active":c===a.path}),children:a.path&&/*#__PURE__*/_jsxs("a",{className:"mobileNavItem__link",href:a.path,onClick:a.onClick,children:[/*#__PURE__*/_jsx("span",{className:"mobileNavItem__icon",children:a.icon}),/*#__PURE__*/_jsx("span",{className:"mobileNavItem__label",children:a.label})]})},a.path)})})})};MobileNav.mobileNavType=mobileNavType,MobileNav.propTypes={activeItemPath:PropTypes.string,items:PropTypes.arrayOf(PropTypes.shape({icon:PropTypes.node.isRequired,label:PropTypes.string.isRequired,path:PropTypes.string.isRequired,type:PropTypes.oneOf([mobileNavType.CALL_TO_ACTION]),hidden:PropTypes.bool})).isRequired},MobileNav.defaultProps={activeItemPath:null};export default MobileNav;
@@ -1 +1 @@
1
- import"core-js/modules/es.array.map.js";import PropTypes from"prop-types";import classNames from"classnames";import{useIntl}from"react-intl";import{ChevronLeft,ChevronRight}from"@transferwise/icons";import PaginationLink from"./paginationLink";import messages from"./Pagination.messages";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Type={NUMBERS_ONLY:"numbersOnly",ARROWS_ONLY:"arrowsOnly",FULL:"full"},Pagination=function(a){var b=a.type,c=a.numberOfPages,d=a.currentPageIndex,e=a.onClick,f=a.canFetchMorePages,g=a.className,h=b!==Type.NUMBERS_ONLY,i=[];if(b!==Type.ARROWS_ONLY){switch(d){case 0:i.push({index:0,active:!0}),1<c&&i.push({index:1}),2<c&&i.push({index:2});break;case c-1:2<c&&i.push({index:c-3}),1<c&&i.push({index:c-2}),i.push({index:c-1,active:!0});break;default:i.push({index:d-1},{index:d,active:!0},{index:d+1});}var k=i[0].index;0<k&&(2<k?i.unshift({label:"...",index:k-1}):2===k&&i.unshift({index:1}),i.unshift({index:0}));var l=i[i.length-1].index;l<c-1&&(l<c-3?i.push({label:"...",index:l+1}):l===c-3&&i.push({index:c-2}),i.push({index:c-1})),f&&i.push({label:"...",index:c})}var j=useIntl();return/*#__PURE__*/_jsx("nav",{role:"navigation","aria-label":j.formatMessage(messages.ariaLabel),children:/*#__PURE__*/_jsxs("ul",{className:classNames("tw-pagination",g),children:[h&&/*#__PURE__*/_jsx(PaginationLink,{pageNumber:d-1,onClick:e,disabled:0===d,children:/*#__PURE__*/_jsx(ChevronLeft,{})}),i.map(function(a){var b=a.label||a.index+1;return/*#__PURE__*/_jsx(PaginationLink,{pageNumber:a.index,onClick:e,active:a.active,children:b},a.index)}),h&&/*#__PURE__*/_jsx(PaginationLink,{pageNumber:d+1,onClick:e,disabled:!f&&d===c-1,children:/*#__PURE__*/_jsx(ChevronRight,{})})]})})};Pagination.propTypes={type:PropTypes.oneOf(["numbersOnly","arrowsOnly","full"]),numberOfPages:PropTypes.number.isRequired,currentPageIndex:PropTypes.number.isRequired,onClick:PropTypes.func.isRequired,canFetchMorePages:PropTypes.bool,className:PropTypes.string},Pagination.defaultProps={type:Type.FULL,canFetchMorePages:!1,className:void 0};export{Type as PaginationType};export default Pagination;
1
+ import"core-js/modules/es.array.map.js";import{ChevronLeft,ChevronRight}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{useIntl}from"react-intl";import messages from"./Pagination.messages";import PaginationLink from"./paginationLink";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Type={NUMBERS_ONLY:"numbersOnly",ARROWS_ONLY:"arrowsOnly",FULL:"full"},Pagination=function(a){var b=a.type,c=a.numberOfPages,d=a.currentPageIndex,e=a.onClick,f=a.canFetchMorePages,g=a.className,h=b!==Type.NUMBERS_ONLY,i=[];if(b!==Type.ARROWS_ONLY){switch(d){case 0:i.push({index:0,active:!0}),1<c&&i.push({index:1}),2<c&&i.push({index:2});break;case c-1:2<c&&i.push({index:c-3}),1<c&&i.push({index:c-2}),i.push({index:c-1,active:!0});break;default:i.push({index:d-1},{index:d,active:!0},{index:d+1});}var k=i[0].index;0<k&&(2<k?i.unshift({label:"...",index:k-1}):2===k&&i.unshift({index:1}),i.unshift({index:0}));var l=i[i.length-1].index;l<c-1&&(l<c-3?i.push({label:"...",index:l+1}):l===c-3&&i.push({index:c-2}),i.push({index:c-1})),f&&i.push({label:"...",index:c})}var j=useIntl();return/*#__PURE__*/_jsx("nav",{role:"navigation","aria-label":j.formatMessage(messages.ariaLabel),children:/*#__PURE__*/_jsxs("ul",{className:classNames("tw-pagination",g),children:[h&&/*#__PURE__*/_jsx(PaginationLink,{pageNumber:d-1,disabled:0===d,onClick:e,children:/*#__PURE__*/_jsx(ChevronLeft,{})}),i.map(function(a){var b=a.label||a.index+1;return/*#__PURE__*/_jsx(PaginationLink,{pageNumber:a.index,active:a.active,onClick:e,children:b},a.index)}),h&&/*#__PURE__*/_jsx(PaginationLink,{pageNumber:d+1,disabled:!f&&d===c-1,onClick:e,children:/*#__PURE__*/_jsx(ChevronRight,{})})]})})};Pagination.propTypes={type:PropTypes.oneOf(["numbersOnly","arrowsOnly","full"]),numberOfPages:PropTypes.number.isRequired,currentPageIndex:PropTypes.number.isRequired,onClick:PropTypes.func.isRequired,canFetchMorePages:PropTypes.bool,className:PropTypes.string},Pagination.defaultProps={type:Type.FULL,canFetchMorePages:!1,className:void 0};export{Type as PaginationType};export default Pagination;
@@ -1 +1 @@
1
- import PropTypes from"prop-types";import classNames from"classnames";import{useIntl}from"react-intl";import messages from"./PaginationLink.messages";import{jsx as _jsx}from"react/jsx-runtime";var PaginationLink=function(a){var b=a.disabled,c=a.active,d=a.pageNumber,f=a.onClick,g=a.children,h=useIntl(),i=function(a){a.preventDefault(),b||c||f(d)},j=h.formatMessage(c?messages.ariaLabelActive:messages.ariaLabelInactive,{pageNumber:d});return/*#__PURE__*/_jsx("li",{children:/*#__PURE__*/_jsx("a",{href:"/",onClick:i,onKeyDown:function handleKeyDown(a){"Enter"===a.key&&i(a)},"aria-label":j,"aria-current":c,className:classNames({disabled:b,active:c}),children:g})})};PaginationLink.propTypes={disabled:PropTypes.bool,active:PropTypes.bool,onClick:PropTypes.func.isRequired,pageNumber:PropTypes.number.isRequired,children:PropTypes.node.isRequired},PaginationLink.defaultProps={disabled:!1,active:!1};export default PaginationLink;
1
+ import classNames from"classnames";import PropTypes from"prop-types";import{useIntl}from"react-intl";import messages from"./PaginationLink.messages";import{jsx as _jsx}from"react/jsx-runtime";var PaginationLink=function(a){var b=a.disabled,c=a.active,d=a.pageNumber,e=a.onClick,f=a.children,g=useIntl(),h=function(a){a.preventDefault(),b||c||e(d)},i=g.formatMessage(c?messages.ariaLabelActive:messages.ariaLabelInactive,{pageNumber:d});return/*#__PURE__*/_jsx("li",{children:/*#__PURE__*/_jsx("a",{href:"/","aria-label":i,"aria-current":c,className:classNames({disabled:b,active:c}),onClick:h,onKeyDown:function handleKeyDown(a){"Enter"===a.key&&h(a)},children:f})})};PaginationLink.propTypes={disabled:PropTypes.bool,active:PropTypes.bool,onClick:PropTypes.func.isRequired,pageNumber:PropTypes.number.isRequired,children:PropTypes.node.isRequired},PaginationLink.defaultProps={disabled:!1,active:!1};export default PaginationLink;
@@ -1,5 +1,6 @@
1
- import classNames from"classnames";import{useIntl}from"react-intl";import{NavigateAway as NavigateAwayIcon}from"@transferwise/icons";import messages from"./Link.messages";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";/**
1
+ import{NavigateAway as NavigateAwayIcon}from"@transferwise/icons";import classNames from"classnames";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";/**
2
2
  * Standard Link component with navigate away icon
3
3
  *
4
- * Docs link: https://transferwise.github.io/neptune-web/components/content/Link
5
- */function Link(a){var b=a.className,c=a.children,d=a.href,e=a.target,f=a["aria-label"],g=useIntl(),h=g.formatMessage,i="_blank"===e;return/*#__PURE__*/_jsxs("a",{href:d,target:e,className:classNames("np-link d-inline-flex",b),"aria-label":function getAriaLabel(){return f||h(i?messages.ariaLabelNewTab:messages.ariaLabel)}(),rel:i?"noreferrer":void 0,children:[c,i&&/*#__PURE__*/_jsx(NavigateAwayIcon,{className:"m-l-05"})]})}export default Link;
4
+ * Documentation: https://transferwise.github.io/neptune-web/components/content/Link
5
+ *
6
+ */var Link=function(a){var b=a.className,c=a.children,d=a.href,e=a.target,f=a["aria-label"],g="_blank"===e;return/*#__PURE__*/_jsxs("a",{href:d,target:e,className:classNames("np-link d-inline-flex",b),"aria-label":f,rel:g?"noreferrer":void 0,children:[c,g&&/*#__PURE__*/_jsx(NavigateAwayIcon,{className:"m-l-05"})]})};export default Link;
@@ -0,0 +1 @@
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"@testing-library/jest-dom";import{render,screen}from"../test-utils";import Link from".";import{jsx as _jsx}from"react/jsx-runtime";describe("Link",function(){var a={className:"a-class",href:"/test"};it("renders Link component",function(){render(/*#__PURE__*/_jsx(Link,_objectSpread(_objectSpread({},a),{},{children:"link text"})));var b=screen.getByRole("link",{name:"link text"});expect(b).toHaveAttribute("href",a.href),expect(b).toHaveClass(a.className),expect(b).not.toHaveAttribute("target"),expect(b).not.toHaveAttribute("rel")}),it("renders target and rel attributes when target is _blank",function(){render(/*#__PURE__*/_jsx(Link,_objectSpread(_objectSpread({},a),{},{target:"_blank",children:"link text"})));var b=screen.getByText("link text");expect(b).toHaveAttribute("target","_blank"),expect(b).toHaveAttribute("rel","noreferrer")}),it("renders with the provided aria-label",function(){render(/*#__PURE__*/_jsx(Link,_objectSpread(_objectSpread({},a),{},{"aria-label":"make me accessible",children:"link text"})));var b=screen.getByText("link text");expect(b).toHaveAttribute("aria-label","make me accessible")})});
@@ -0,0 +1 @@
1
+ import Link from".";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";export default{component:Link,title:"Link"};export var Basic=function(){return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsxs("p",{children:["Lorem Ipsum is simply dummy text of the printing and typesetting industry"," ",/*#__PURE__*/_jsx(Link,{"aria-label":"Click here for more details",href:"#",children:"content"}),". Lorem Ipsum has been the industry standard dummy text ever since the 1500s."]}),/*#__PURE__*/_jsxs("p",{children:["Lorem Ipsum is simply dummy text of the printing and typesetting industry"," ",/*#__PURE__*/_jsx(Link,{href:"https://wise.com",target:"_blank",children:"https://wise.com"}),". Lorem Ipsum has been the industry standard dummy text ever since the 1500s."]})]})};
@@ -2,6 +2,10 @@ import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutPropert
2
2
  * Loader component
3
3
  *
4
4
  * Docs link: https://transferwise.github.io/neptune-web/components/progress/Loader
5
- */function Loader(a){var b=a.small,c=a.size,d=void 0===c?Size.EXTRA_LARGE:c,e=a.classNames,f=void 0===e?{}:e,g=_objectWithoutProperties(a,_excluded),h=function(a){return f[a]||a},i=void 0!==b&&b?Size.EXTRA_SMALL:d;return/*#__PURE__*/_jsx("div",{className:classnames(h("tw-loader"),h("tw-loader--".concat(i))),"data-testid":g["data-testid"],children:[,,,,,]// @ts-expect-error
6
- .fill().map(function(a,b){return/*#__PURE__*/ (// eslint-disable-next-line react/no-array-index-key
7
- _jsx("div",{className:h("tw-loader__stripe")},b))})})}export default Loader;
5
+ *
6
+ * @param root0
7
+ * @param root0.small
8
+ * @param root0.size
9
+ * @param root0.classNames
10
+ */var Loader=function(a){var b=a.small,c=a.size,d=void 0===c?Size.EXTRA_LARGE:c,e=a.classNames,f=void 0===e?{}:e,g=_objectWithoutProperties(a,_excluded),h=function(a){return f[a]||a},i=void 0!==b&&b?Size.EXTRA_SMALL:d;return/*#__PURE__*/_jsx("div",{className:classnames(h("tw-loader"),h("tw-loader--".concat(i))),"data-testid":g["data-testid"],children:[,,,,,].fill(void 0).map(function(a,b){return/*#__PURE__*/ (// eslint-disable-next-line react/no-array-index-key
11
+ _jsx("div",{className:h("tw-loader__stripe")},b))})})};export default Loader;
@@ -1 +1 @@
1
- import"core-js/modules/es.array.concat.js";import PropTypes from"prop-types";import classNames from"classnames";import{LogoType}from"./logoTypes";import{jsx as _jsx}from"react/jsx-runtime";var baseUrl="https://wise.com/public-resources/assets/logos/wise/",logoPaths={WISE:"brand_logo.svg",WISE_BUSINESS:"brand_logo_business.svg",WISE_INVERSE:"brand_logo_inverse.svg",WISE_BUSINESS_INVERSE:"brand_logo_business_inverse.svg"},Logo=function(a){var b=a.className,c=a.inverse,d=a.type,e=logoPaths["".concat(d).concat(c?"_INVERSE":"")];return/*#__PURE__*/_jsx("img",{className:classNames("np-logo",b),alt:d===LogoType.WISE?"Wise":"Wise business",src:"".concat(baseUrl).concat(e)})};Logo.propTypes={/** Extra classes applied to Logo */className:PropTypes.string,/** If true, will use dark colours for dark on light theme */inverse:PropTypes.bool,/** What type of logo to display */type:PropTypes.oneOf(["WISE","WISE_BUSINESS"])},Logo.defaultProps={className:void 0,inverse:!1,type:LogoType.WISE};export default Logo;
1
+ import"core-js/modules/es.array.concat.js";import classNames from"classnames";import PropTypes from"prop-types";import{LogoType}from"./logoTypes";import{jsx as _jsx}from"react/jsx-runtime";var baseUrl="https://wise.com/public-resources/assets/logos/wise/",logoPaths={WISE:"brand_logo.svg",WISE_BUSINESS:"brand_logo_business.svg",WISE_INVERSE:"brand_logo_inverse.svg",WISE_BUSINESS_INVERSE:"brand_logo_business_inverse.svg"},Logo=function(a){var b=a.className,c=a.inverse,d=a.type,e=logoPaths["".concat(d).concat(c?"_INVERSE":"")];return/*#__PURE__*/_jsx("img",{className:classNames("np-logo",b),alt:d===LogoType.WISE?"Wise":"Wise business",src:"".concat(baseUrl).concat(e)})};Logo.propTypes={/** Extra classes applied to Logo */className:PropTypes.string,/** If true, will use dark colours for dark on light theme */inverse:PropTypes.bool,/** What type of logo to display */type:PropTypes.oneOf(["WISE","WISE_BUSINESS"])},Logo.defaultProps={className:void 0,inverse:!1,type:LogoType.WISE};export default Logo;
@@ -1 +1 @@
1
- import"core-js/modules/es.object.values.js";import"core-js/modules/es.array.includes.js";import"core-js/modules/es.string.includes.js";import PropTypes from"prop-types";import commonmark from"commonmark";import difference from"lodash.difference";import{logActionRequired}from"../utilities";import{MarkdownNodeType}from"../common";import{jsx as _jsx}from"react/jsx-runtime";var reader=new commonmark.Parser,writer=new commonmark.HtmlRenderer({safe:!0}),NODE_TYPE_LIST=Object.values(MarkdownNodeType),Markdown=function(a){var b=a.as,c=a.children,d=a.className,e=a.allowList,f=a.blockList;if(!c)return null;null!==e&&void 0!==e&&e.length&&null!==f&&void 0!==f&&f.length&&logActionRequired("Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.");var g=function(a){var b=reader.parse(a);if(e||f){var c=e?difference(NODE_TYPE_LIST,e):f;return stripNodes({parsed:b,blockList:c})}return b};return/*#__PURE__*/_jsx(b,{className:d,dangerouslySetInnerHTML:{__html:function createMarkup(){var a=g(c);return writer.render(a)}()}})};function stripNodes(a){var b=a.blockList,c=a.parsed;if(!c)return c;for(var d=c.walker(),e=d.next();e;){var f=e,g=f.node;if(b.includes(g.type)&&!e.entering){for(;g.firstChild;)g.insertBefore(g.firstChild);g.unlink()}e=d.next()}return d.root}Markdown.propTypes={children:PropTypes.string.isRequired,as:PropTypes.string,className:PropTypes.string,allowList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"])),blockList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"]))},Markdown.defaultProps={as:"div",className:void 0,allowList:null,blockList:null};export default Markdown;
1
+ import"core-js/modules/es.object.values.js";import"core-js/modules/es.array.includes.js";import"core-js/modules/es.string.includes.js";import commonmark from"commonmark";import difference from"lodash.difference";import PropTypes from"prop-types";import{MarkdownNodeType}from"../common";import{logActionRequired}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";var reader=new commonmark.Parser,writer=new commonmark.HtmlRenderer({safe:!0}),NODE_TYPE_LIST=Object.values(MarkdownNodeType),Markdown=function(a){var b=a.as,c=a.children,d=a.className,e=a.allowList,f=a.blockList;if(!c)return null;null!==e&&void 0!==e&&e.length&&null!==f&&void 0!==f&&f.length&&logActionRequired("Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.");var g=function(a){var b=reader.parse(a);if(e||f){var c=e?difference(NODE_TYPE_LIST,e):f;return stripNodes({parsed:b,blockList:c})}return b};return/*#__PURE__*/_jsx(b,{className:d,dangerouslySetInnerHTML:{__html:function createMarkup(){var a=g(c);return writer.render(a)}()}})};function stripNodes(a){var b=a.blockList,c=a.parsed;if(!c)return c;for(var d=c.walker(),e=d.next();e;){var f=e,g=f.node;if(b.includes(g.type)&&!e.entering){for(;g.firstChild;)g.insertBefore(g.firstChild);g.unlink()}e=d.next()}return d.root}Markdown.propTypes={children:PropTypes.string.isRequired,as:PropTypes.string,className:PropTypes.string,allowList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"])),blockList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"]))},Markdown.defaultProps={as:"div",className:void 0,allowList:null,blockList:null};export default Markdown;
@@ -1 +1 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["title","body","footer","onClose","className","open","size","closeOnClick","scroll","position"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"core-js/modules/es.regexp.exec.js";import"core-js/modules/es.string.split.js";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";import PropTypes from"prop-types";import classNames from"classnames";import CSSTransition from"react-transition-group/CSSTransition";import{Size,Position,Scroll}from"../common";import Dimmer from"../dimmer";import CloseButton from"../common/closeButton";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var TRANSITION_DURATION_IN_MILLISECONDS=150,Modal=function(a){var b=a.title,c=a.body,d=a.footer,e=a.onClose,f=a.className,g=a.open,h=a.size,i=a.closeOnClick,j=a.scroll,k=a.position,l=_objectWithoutProperties(a,_excluded),m=function(a){return-1!==f.split(" ").indexOf(a)},n=m("compact"),o=m("no-divider");return/*#__PURE__*/_jsx(Dimmer,{open:g,scrollable:j===Scroll.CONTENT,onClose:e,className:classNames("d-flex","justify-content-center"),children:/*#__PURE__*/_jsx(CSSTransition,{appear:!0,in:g,classNames:{enterDone:"in"},timeout:TRANSITION_DURATION_IN_MILLISECONDS,unmountOnExit:!0,children:/*#__PURE__*/_jsx("div",_objectSpread(_objectSpread({className:classNames("tw-modal",{"tw-modal--content":j===Scroll.CONTENT,"align-self-center":k===Position.CENTER},"fade","outline-none",f)},l),{},{children:/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-dialog","d-flex",_defineProperty({},"tw-modal-".concat(h),h)),"aria-modal":!0,role:"dialog",children:/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-content","d-flex","flex-column","justify-content-between",{"tw-modal-compact":n,"tw-modal-no-title":!b}),children:[/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-header","d-flex","align-items-center","justify-content-between","flex-wrap",{"modal--withoutborder":!b||o}),children:[/*#__PURE__*/_jsx("h4",{className:"tw-modal-title",children:b}),/*#__PURE__*/_jsx(CloseButton,{onClick:e})]}),/*#__PURE__*/_jsx("div",{className:"tw-modal-body",children:c}),d&&/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-footer","d-flex","align-items-center","flex-wrap",{"modal--withoutborder":o}),children:d})]})})}))})})};Modal.propTypes={title:PropTypes.node,body:PropTypes.node.isRequired,footer:PropTypes.node,size:PropTypes.oneOf(["sm","md","lg","xl"]),onClose:PropTypes.func.isRequired,className:PropTypes.string,open:PropTypes.bool.isRequired,closeOnClick:PropTypes.bool,scroll:PropTypes.oneOf(["content","viewport"]),position:PropTypes.oneOf(["top","center"])},Modal.defaultProps={title:null,footer:null,size:Size.MEDIUM,className:"",closeOnClick:!0,scroll:Scroll.VIEWPORT,position:Position.CENTER};export default Modal;
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["title","body","footer","onClose","className","open","size","scroll","position"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"core-js/modules/es.array.includes.js";import"core-js/modules/es.string.includes.js";import"core-js/modules/es.regexp.exec.js";import"core-js/modules/es.string.split.js";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";import classNames from"classnames";import PropTypes from"prop-types";import CSSTransition from"react-transition-group/CSSTransition";import{Size,Position,Scroll}from"../common";import CloseButton from"../common/closeButton";import Dimmer from"../dimmer";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var TRANSITION_DURATION_IN_MILLISECONDS=150,Modal=function(a){var b=a.title,c=a.body,d=a.footer,e=a.onClose,f=a.className,g=a.open,h=a.size,i=a.scroll,j=a.position,k=_objectWithoutProperties(a,_excluded),l=function(a){return f.split(" ").includes(a)},m=l("compact"),n=l("no-divider");return/*#__PURE__*/_jsx(Dimmer,{open:g,scrollable:i===Scroll.CONTENT,className:classNames("d-flex","justify-content-center"),onClose:e,children:/*#__PURE__*/_jsx(CSSTransition,{appear:!0,in:g,classNames:{enterDone:"in"},timeout:TRANSITION_DURATION_IN_MILLISECONDS,unmountOnExit:!0,children:/*#__PURE__*/_jsx("div",_objectSpread(_objectSpread({className:classNames("tw-modal",{"tw-modal--content":i===Scroll.CONTENT,"align-self-center":j===Position.CENTER},"fade","outline-none",f)},k),{},{children:/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-dialog","d-flex",_defineProperty({},"tw-modal-".concat(h),h)),"aria-modal":!0,role:"dialog",children:/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-content","d-flex","flex-column","justify-content-between",{"tw-modal-compact":m,"tw-modal-no-title":!b}),children:[/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-header","d-flex","align-items-center","justify-content-between","flex-wrap",{"modal--withoutborder":!b||n}),children:[/*#__PURE__*/_jsx("h4",{className:"tw-modal-title",children:b}),/*#__PURE__*/_jsx(CloseButton,{onClick:e})]}),/*#__PURE__*/_jsx("div",{className:"tw-modal-body",children:c}),d&&/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-footer","d-flex","align-items-center","flex-wrap",{"modal--withoutborder":n}),children:d})]})})}))})})};Modal.propTypes={title:PropTypes.node,body:PropTypes.node.isRequired,footer:PropTypes.node,size:PropTypes.oneOf(["sm","md","lg","xl"]),onClose:PropTypes.func.isRequired,className:PropTypes.string,open:PropTypes.bool.isRequired,scroll:PropTypes.oneOf(["content","viewport"]),position:PropTypes.oneOf(["top","center"])},Modal.defaultProps={title:null,footer:null,size:Size.MEDIUM,className:"",scroll:Scroll.VIEWPORT,position:Position.CENTER};export default Modal;
@@ -1 +1 @@
1
- import{useIntl}from"react-intl";import PropTypes from"prop-types";import{formatMoney}from"@transferwise/formatting";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsx as _jsx}from"react/jsx-runtime";var Money=function(a){var b=a.amount,c=a.currency,d=useIntl(),e=d.locale;return/*#__PURE__*/_jsx(_Fragment,{children:formatMoney(b,c,e)})};Money.propTypes={amount:PropTypes.number.isRequired,currency:PropTypes.string.isRequired};export default Money;
1
+ import{formatMoney}from"@transferwise/formatting";import PropTypes from"prop-types";import{useIntl}from"react-intl";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsx as _jsx}from"react/jsx-runtime";var Money=function(a){var b=a.amount,c=a.currency,d=useIntl(),e=d.locale;return/*#__PURE__*/_jsx(_Fragment,{children:formatMoney(b,c,e)})};Money.propTypes={amount:PropTypes.number.isRequired,currency:PropTypes.string.isRequired};export default Money;
@@ -1,5 +1,4 @@
1
- import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.reflect.construct.js";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"core-js/modules/es.array.includes.js";import"core-js/modules/es.string.includes.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.array.sort.js";function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import{Component}from"react";import{injectIntl}from"react-intl";import PropTypes from"prop-types";import classNames from"classnames";import{isEmpty,isNumber,isNull}from"@transferwise/neptune-validation";import Select from"../select";import{Size}from"../common/propsValues/size";import keyCodes from"../common/keyCodes";import{Key as keyValues}from"../common/key";import messages from"./MoneyInput.messages";import{formatAmount,parseAmount}from"./currencyFormatting";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Currency=PropTypes.shape({header:PropTypes.string,value:PropTypes.string,label:PropTypes.string,currency:PropTypes.string,note:PropTypes.string,searchable:PropTypes.string}),CUSTOM_ACTION="CUSTOM_ACTION",isNumberOrNull=function(a){return isNumber(a)||isNull(a)},formatAmountIfSet=function(a,b,c){return"number"==typeof a?formatAmount(a,b,c):""},inputKeyCodeAllowlist=[keyCodes.BACKSPACE,keyCodes.DELETE,keyCodes.COMMA,keyCodes.PERIOD,keyCodes.DOWN,keyCodes.UP,keyCodes.LEFT,keyCodes.RIGHT,keyCodes.ENTER,keyCodes.ESCAPE,keyCodes.TAB],inputKeyAllowlist=[keyValues.PERIOD,keyValues.COMMA],MoneyInput=/*#__PURE__*/function(a){function b(a){var d;_classCallCheck(this,b),d=c.call(this,a),_defineProperty(_assertThisInitialized(d),"isInputAllowedForKeyEvent",function(a){var b=a.keyCode,c=a.metaKey,d=a.key,e=a.ctrlKey,f=isNumber(parseInt(d,10));return f||c||e||inputKeyCodeAllowlist.includes(b)||inputKeyAllowlist.includes(d)}),_defineProperty(_assertThisInitialized(d),"handleKeyDown",function(a){d.isInputAllowedForKeyEvent(a)||a.preventDefault()}),_defineProperty(_assertThisInitialized(d),"handlePaste",function(a){var b=(a.clipboardData||window.clipboardData).getData("text"),c=d.state.locale,e=isEmpty(b)?null:parseAmount(b,d.props.selectedCurrency.currency,c);isNumberOrNull(e)&&(d.setState({formattedAmount:formatAmountIfSet(e,d.props.selectedCurrency.currency,c)}),d.props.onAmountChange(e)),a.preventDefault()}),_defineProperty(_assertThisInitialized(d),"onAmountChange",function(a){var b=a.target.value;d.setState({formattedAmount:b});var c=isEmpty(b)?null:parseAmount(b,d.props.selectedCurrency.currency,d.state.locale);isNumberOrNull(c)&&d.props.onAmountChange(c)}),_defineProperty(_assertThisInitialized(d),"onAmountBlur",function(){d.amountFocused=!1,d.setAmount()}),_defineProperty(_assertThisInitialized(d),"onAmountFocus",function(){d.amountFocused=!0}),_defineProperty(_assertThisInitialized(d),"handleSelectChange",function(a){d.handleSearchChange(""),d.props.onCustomAction&&a.value===CUSTOM_ACTION?d.props.onCustomAction():d.props.onCurrencyChange(a)}),_defineProperty(_assertThisInitialized(d),"handleSearchChange",function(a){d.setState({searchQuery:a}),d.props.onSearchChange&&d.props.onSearchChange({searchQuery:a,filteredOptions:filterOptionsForQuery(d.props.currencies,a)})}),_defineProperty(_assertThisInitialized(d),"style",function(a){return d.props.classNames[a]||a});var e=d.props.intl.locale;return d.formatMessage=d.props.intl.formatMessage,d.state={searchQuery:"",formattedAmount:formatAmountIfSet(a.amount,a.selectedCurrency.currency,e),locale:e},d}// eslint-disable-next-line
2
- _inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"UNSAFE_componentWillReceiveProps",value:function UNSAFE_componentWillReceiveProps(a){var b;if(this.setState({locale:null===a||void 0===a||null===(b=a.intl)||void 0===b?void 0:b.locale}),!this.amountFocused){var c;this.setState({formattedAmount:formatAmountIfSet(a.amount,a.selectedCurrency.currency,null===a||void 0===a||null===(c=a.intl)||void 0===c?void 0:c.locale)})}}},{key:"getSelectOptions",value:function getSelectOptions(){var a=_toConsumableArray(filterOptionsForQuery(this.props.currencies,this.state.searchQuery));return this.props.onCustomAction&&a.push({value:CUSTOM_ACTION,label:this.props.customActionLabel}),a}},{key:"setAmount",value:function setAmount(){var a=this;this.setState(function(b){var c=parseAmount(b.formattedAmount,a.props.selectedCurrency.currency,a.state.locale);return isNumberOrNull(c)?{formattedAmount:formatAmountIfSet(c,a.props.selectedCurrency.currency,b.locale)}:{formattedAmount:b.formattedAmount}})}},{key:"render",value:function render(){var a=this.props,b=a.selectedCurrency,c=a.onCurrencyChange,d=a.size,e=a.addon,f=this.getSelectOptions(),g=!this.state.searchQuery&&(1===f.length&&f[0].currency===b.currency||!c),h=!this.props.onAmountChange;return/*#__PURE__*/_jsxs("div",{className:classNames(this.style("tw-money-input"),this.style("input-group"),this.style("input-group-".concat(d))),children:[/*#__PURE__*/_jsx("input",{id:this.props.id,value:this.state.formattedAmount,type:"text",inputMode:"decimal",className:classNames(this.style("form-control")),onKeyDown:this.handleKeyDown,onChange:this.onAmountChange,onFocus:this.onAmountFocus,onBlur:this.onAmountBlur,onPaste:this.handlePaste,disabled:h,placeholder:formatAmountIfSet(this.props.placeholder,this.props.selectedCurrency.currency,this.state.locale),autoComplete:"off"}),e&&/*#__PURE__*/_jsx("span",{className:classNames(this.style("input-group-addon"),this.style("input-".concat(d)),h?this.style("tw-money-input--disabled"):""),children:e}),g?/*#__PURE__*/_jsxs("div",{className:classNames(this.style("input-group-addon"),this.style("input-".concat(d)),this.style("tw-money-input__fixed-currency"),h?this.style("tw-money-input--disabled"):""),children:["lg"===d&&/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("i",{className:classNames(this.style("tw-money-input__keyline"))}),/*#__PURE__*/_jsx("i",{className:classNames(this.style("currency-flag"),this.style("currency-flag-".concat(b.currency.toLowerCase())),this.style("hidden-xs"),this.style("m-r-2"))})]}),/*#__PURE__*/_jsx("span",{className:"lg"===d?this.style("m-r-1"):"",children:b.currency.toUpperCase()})]}):/*#__PURE__*/_jsx("div",{className:classNames(this.style("input-group-btn"),this.style("amount-currency-select-btn")),children:/*#__PURE__*/_jsx(Select,{classNames:this.props.classNames,options:f,selected:_objectSpread(_objectSpread({},b),{},{note:null}),onChange:this.handleSelectChange,placeholder:this.formatMessage(messages.selectPlaceholder),searchPlaceholder:this.props.searchPlaceholder,onSearchChange:this.handleSearchChange,searchValue:this.state.searchQuery,size:d,required:!0,dropdownRight:"xs",dropdownWidth:"lg",inverse:!0})})]})}}]),b}(Component);function filterOptionsForQuery(a,b){if(!b)return a;var c=removeDuplicateValueOptions(a).filter(function(a){return isCurrencyOptionAndFitsQuery(a,b)});return sortOptionsLabelsToFirst(c,b)}function removeDuplicateValueOptions(a){var b=[],c=[];return a.forEach(function(a){a.value&&-1===c.indexOf(a.value)&&(b.push(a),c.push(a.value))}),b}function isCurrencyOptionAndFitsQuery(a,b){return!!a.value&&(contains(a.label,b)||contains(a.searchable,b)||contains(a.note,b))}function contains(a,b){return a&&-1!==a.toLowerCase().indexOf(b.toLowerCase())}function sortOptionsLabelsToFirst(a,b){return a.sort(function(a,c){var d=contains(a.label,b),e=contains(c.label,b);return d&&e?0:d?-1:e?1:0})}MoneyInput.propTypes={id:PropTypes.string,currencies:PropTypes.arrayOf(Currency).isRequired,selectedCurrency:Currency.isRequired,onCurrencyChange:PropTypes.func,placeholder:PropTypes.number,amount:PropTypes.number,size:PropTypes.oneOf(["sm","md","lg"]),onAmountChange:PropTypes.func,addon:PropTypes.node,searchPlaceholder:PropTypes.string,/**
1
+ import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.reflect.construct.js";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import"core-js/modules/es.array.iterator.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.set.js";import"core-js/modules/es.string.iterator.js";import"core-js/modules/web.dom-collections.iterator.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.array.includes.js";import"core-js/modules/es.string.includes.js";import"core-js/modules/es.array.sort.js";import{isEmpty,isNumber,isNull}from"@transferwise/neptune-validation";import classNames from"classnames";import PropTypes from"prop-types";import{Component}from"react";import{injectIntl}from"react-intl";import{Key as keyValues}from"../common/key";import keyCodes from"../common/keyCodes";import{Size}from"../common/propsValues/size";import Select from"../select";import messages from"./MoneyInput.messages";import{formatAmount,parseAmount}from"./currencyFormatting";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Currency=PropTypes.shape({header:PropTypes.string,value:PropTypes.string,label:PropTypes.string,currency:PropTypes.string,note:PropTypes.string,searchable:PropTypes.string}),CUSTOM_ACTION="CUSTOM_ACTION",isNumberOrNull=function(a){return isNumber(a)||isNull(a)},formatAmountIfSet=function(a,b,c){return"number"==typeof a?formatAmount(a,b,c):""},inputKeyCodeAllowlist=new Set([keyCodes.BACKSPACE,keyCodes.DELETE,keyCodes.COMMA,keyCodes.PERIOD,keyCodes.DOWN,keyCodes.UP,keyCodes.LEFT,keyCodes.RIGHT,keyCodes.ENTER,keyCodes.ESCAPE,keyCodes.TAB]),inputKeyAllowlist=new Set([keyValues.PERIOD,keyValues.COMMA]),MoneyInput=/*#__PURE__*/function(a){function b(a){var d;_classCallCheck(this,b),d=c.call(this,a),_defineProperty(_assertThisInitialized(d),"isInputAllowedForKeyEvent",function(a){var b=a.keyCode,c=a.metaKey,d=a.key,e=a.ctrlKey,f=isNumber(parseInt(d,10));return f||c||e||inputKeyCodeAllowlist.has(b)||inputKeyAllowlist.has(d)}),_defineProperty(_assertThisInitialized(d),"handleKeyDown",function(a){d.isInputAllowedForKeyEvent(a)||a.preventDefault()}),_defineProperty(_assertThisInitialized(d),"handlePaste",function(a){var b=(a.clipboardData||window.clipboardData).getData("text"),c=d.state.locale,e=isEmpty(b)?null:parseAmount(b,d.props.selectedCurrency.currency,c);isNumberOrNull(e)&&(d.setState({formattedAmount:formatAmountIfSet(e,d.props.selectedCurrency.currency,c)}),d.props.onAmountChange(e)),a.preventDefault()}),_defineProperty(_assertThisInitialized(d),"onAmountChange",function(a){var b=a.target.value;d.setState({formattedAmount:b});var c=isEmpty(b)?null:parseAmount(b,d.props.selectedCurrency.currency,d.state.locale);isNumberOrNull(c)&&d.props.onAmountChange(c)}),_defineProperty(_assertThisInitialized(d),"onAmountBlur",function(){d.amountFocused=!1,d.setAmount()}),_defineProperty(_assertThisInitialized(d),"onAmountFocus",function(){d.amountFocused=!0}),_defineProperty(_assertThisInitialized(d),"handleSelectChange",function(a){d.handleSearchChange(""),d.props.onCustomAction&&a.value===CUSTOM_ACTION?d.props.onCustomAction():d.props.onCurrencyChange(a)}),_defineProperty(_assertThisInitialized(d),"handleSearchChange",function(a){d.setState({searchQuery:a}),d.props.onSearchChange&&d.props.onSearchChange({searchQuery:a,filteredOptions:filterOptionsForQuery(d.props.currencies,a)})}),_defineProperty(_assertThisInitialized(d),"style",function(a){return d.props.classNames[a]||a});var e=d.props.intl.locale;return d.formatMessage=d.props.intl.formatMessage,d.state={searchQuery:"",formattedAmount:formatAmountIfSet(a.amount,a.selectedCurrency.currency,e),locale:e},d}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"UNSAFE_componentWillReceiveProps",value:function UNSAFE_componentWillReceiveProps(a){var b;if(this.setState({locale:null===a||void 0===a||null===(b=a.intl)||void 0===b?void 0:b.locale}),!this.amountFocused){var c;this.setState({formattedAmount:formatAmountIfSet(a.amount,a.selectedCurrency.currency,null===a||void 0===a||null===(c=a.intl)||void 0===c?void 0:c.locale)})}}},{key:"getSelectOptions",value:function getSelectOptions(){var a=_toConsumableArray(filterOptionsForQuery(this.props.currencies,this.state.searchQuery));return this.props.onCustomAction&&a.push({value:CUSTOM_ACTION,label:this.props.customActionLabel}),a}},{key:"setAmount",value:function setAmount(){var a=this;this.setState(function(b){var c=parseAmount(b.formattedAmount,a.props.selectedCurrency.currency,a.state.locale);return isNumberOrNull(c)?{formattedAmount:formatAmountIfSet(c,a.props.selectedCurrency.currency,b.locale)}:{formattedAmount:b.formattedAmount}})}},{key:"render",value:function render(){var a=this.props,b=a.selectedCurrency,c=a.onCurrencyChange,d=a.size,e=a.addon,f=this.getSelectOptions(),g=!this.state.searchQuery&&(1===f.length&&f[0].currency===b.currency||!c),h=!this.props.onAmountChange;return/*#__PURE__*/_jsxs("div",{className:classNames(this.style("tw-money-input"),this.style("input-group"),this.style("input-group-".concat(d))),children:[/*#__PURE__*/_jsx("input",{id:this.props.id,value:this.state.formattedAmount,type:"text",inputMode:"decimal",className:classNames(this.style("form-control")),disabled:h,placeholder:formatAmountIfSet(this.props.placeholder,this.props.selectedCurrency.currency,this.state.locale),autoComplete:"off",onKeyDown:this.handleKeyDown,onChange:this.onAmountChange,onFocus:this.onAmountFocus,onBlur:this.onAmountBlur,onPaste:this.handlePaste}),e&&/*#__PURE__*/_jsx("span",{className:classNames(this.style("input-group-addon"),this.style("input-".concat(d)),h?this.style("tw-money-input--disabled"):""),children:e}),g?/*#__PURE__*/_jsxs("div",{className:classNames(this.style("input-group-addon"),this.style("input-".concat(d)),this.style("tw-money-input__fixed-currency"),h?this.style("tw-money-input--disabled"):""),children:["lg"===d&&/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("i",{className:classNames(this.style("tw-money-input__keyline"))}),/*#__PURE__*/_jsx("i",{className:classNames(this.style("currency-flag"),this.style("currency-flag-".concat(b.currency.toLowerCase())),this.style("hidden-xs"),this.style("m-r-2"))})]}),/*#__PURE__*/_jsx("span",{className:"lg"===d?this.style("m-r-1"):"",children:b.currency.toUpperCase()})]}):/*#__PURE__*/_jsx("div",{className:classNames(this.style("input-group-btn"),this.style("amount-currency-select-btn")),children:/*#__PURE__*/_jsx(Select,{classNames:this.props.classNames,options:f,selected:_objectSpread(_objectSpread({},b),{},{note:null}),placeholder:this.formatMessage(messages.selectPlaceholder),searchPlaceholder:this.props.searchPlaceholder,searchValue:this.state.searchQuery,size:d,required:!0,dropdownRight:"xs",dropdownWidth:"lg",inverse:!0,onChange:this.handleSelectChange,onSearchChange:this.handleSearchChange})})]})}}]),b}(Component);function filterOptionsForQuery(a,b){if(!b)return a;var c=removeDuplicateValueOptions(a).filter(function(a){return isCurrencyOptionAndFitsQuery(a,b)});return sortOptionsLabelsToFirst(c,b)}function removeDuplicateValueOptions(a){var b=[],c=[];return a.forEach(function(a){a.value&&!c.includes(a.value)&&(b.push(a),c.push(a.value))}),b}function isCurrencyOptionAndFitsQuery(a,b){return!!a.value&&(contains(a.label,b)||contains(a.searchable,b)||contains(a.note,b))}function contains(a,b){return a&&a.toLowerCase().includes(b.toLowerCase())}function sortOptionsLabelsToFirst(a,b){return a.sort(function(a,c){var d=contains(a.label,b),e=contains(c.label,b);return d&&e?0:d?-1:e?1:0})}MoneyInput.propTypes={id:PropTypes.string,currencies:PropTypes.arrayOf(Currency).isRequired,selectedCurrency:Currency.isRequired,onCurrencyChange:PropTypes.func,placeholder:PropTypes.number,amount:PropTypes.number,size:PropTypes.oneOf(["sm","md","lg"]),onAmountChange:PropTypes.func,addon:PropTypes.node,searchPlaceholder:PropTypes.string,/**
3
2
  * Allows the consumer to react to searching, while the search itself is handled internally. Called with `{ searchQuery: string, filteredOptions: Currency[] }`
4
3
  */onSearchChange:PropTypes.func,customActionLabel:PropTypes.node,onCustomAction:PropTypes.func,classNames:PropTypes.objectOf(PropTypes.string)},MoneyInput.defaultProps={id:null,size:Size.LARGE,addon:null,searchPlaceholder:"",onSearchChange:void 0,onCurrencyChange:null,placeholder:null,amount:null,onAmountChange:null,customActionLabel:"",onCustomAction:null,classNames:{}};// this export is necessary for react-to-typescript-definitions
5
4
  // to be able to properly generate TS types, this is due to us wrapping this component in `injectIntl` before exporting
@@ -1 +1 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}/* eslint-disable jsx-a11y/control-has-associated-label */import PropTypes from"prop-types";import requiredIf from"react-required-if";import classNames from"classnames";import Chevron from"../chevron";import Option from"../common/Option";import{Position}from"../common";import{jsx as _jsx}from"react/jsx-runtime";var NavigationOption=function(a){var b=a.as,c=a.media,d=a.href,e=a.target,f=a.title,g=a.content,h=a.onClick,i=a.complex,j=a.disabled,k=a.showMediaAtAllSizes,l=a.showMediaCircle,m=a.className,n={as:b,media:c,href:d,target:e,title:f,content:g,complex:i,disabled:j,showMediaAtAllSizes:k,showMediaCircle:l,className:classNames("tw-navigation-option",m)};return d&&(n.as="a"),/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},n),{},{onClick:function onClick(a){j||h(a)},button:/*#__PURE__*/_jsx(Chevron,{orientation:Position.RIGHT,disabled:j,className:"d-block"})}))};NavigationOption.propTypes={as:PropTypes.string,media:PropTypes.node,title:PropTypes.node.isRequired,content:PropTypes.node,onClick:PropTypes.func,href:requiredIf(PropTypes.string,function(a){return"a"===a.as}),target:PropTypes.oneOf(["_self","_blank","_parent","_top"]),complex:PropTypes.bool,disabled:PropTypes.bool,showMediaAtAllSizes:PropTypes.bool,showMediaCircle:PropTypes.bool,className:PropTypes.string},NavigationOption.defaultProps={as:"button",media:null,content:null,complex:!1,onClick:null,href:void 0,target:void 0,disabled:!1,showMediaAtAllSizes:!1,showMediaCircle:!0,className:null};export default NavigationOption;
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}/* eslint-disable jsx-a11y/control-has-associated-label */import classNames from"classnames";import PropTypes from"prop-types";import requiredIf from"react-required-if";import Chevron from"../chevron";import{Position}from"../common";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";var NavigationOption=function(a){var b=a.as,c=a.media,d=a.href,e=a.target,f=a.title,g=a.content,h=a.onClick,i=a.complex,j=a.disabled,k=a.showMediaAtAllSizes,l=a.showMediaCircle,m=a.className,n={as:b,media:c,href:d,target:e,title:f,content:g,complex:i,disabled:j,showMediaAtAllSizes:k,showMediaCircle:l,className:classNames("tw-navigation-option",m)};return d&&(n.as="a"),/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},n),{},{button:/*#__PURE__*/_jsx(Chevron,{orientation:Position.RIGHT,disabled:j,className:"d-block"}),onClick:function onClick(a){j||h(a)}}))};NavigationOption.propTypes={as:PropTypes.string,media:PropTypes.node,title:PropTypes.node.isRequired,content:PropTypes.node,onClick:PropTypes.func,href:requiredIf(PropTypes.string,function(a){return"a"===a.as}),target:PropTypes.oneOf(["_self","_blank","_parent","_top"]),complex:PropTypes.bool,disabled:PropTypes.bool,showMediaAtAllSizes:PropTypes.bool,showMediaCircle:PropTypes.bool,className:PropTypes.string},NavigationOption.defaultProps={as:"button",media:null,content:null,complex:!1,onClick:null,href:void 0,target:void 0,disabled:!1,showMediaAtAllSizes:!1,showMediaCircle:!0,className:null};export default NavigationOption;
@@ -1 +1 @@
1
- import"core-js/modules/es.array.map.js";import{Children}from"react";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";export default function NavigationOptionList(a){var b=a.children;return/*#__PURE__*/_jsx("ul",{className:"tw-navigation-options-list",children:Children.map(b,function(a){return/*#__PURE__*/_jsx("li",{className:"tw-navigation-options-list__item",children:a},a.key)})})}NavigationOptionList.propTypes={children:PropTypes.node.isRequired};
1
+ import"core-js/modules/es.array.map.js";import PropTypes from"prop-types";import{Children}from"react";import{jsx as _jsx}from"react/jsx-runtime";var NavigationOptionList=function(a){var b=a.children;return/*#__PURE__*/_jsx("ul",{className:"tw-navigation-options-list",children:Children.map(b,function(a){return/*#__PURE__*/_jsx("li",{className:"tw-navigation-options-list__item",children:a},a.key)})})};NavigationOptionList.propTypes={children:PropTypes.node.isRequired};export default NavigationOptionList;
@@ -1 +1 @@
1
- import"core-js/modules/es.string.link.js";import PropTypes from"prop-types";import classNames from"classnames";import{Cross as CrossIcon}from"@transferwise/icons";import{useDirection}from"../common/hooks";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Nudge=function(a){var b=a.media,c=a.title,d=a.link,e=a.href,f=a.onDismiss,g=a.id,h=a.className,i=useDirection(),j=i.isRTL;return/*#__PURE__*/_jsxs("div",{className:classNames("tw-nudge media",h),id:g,children:[/*#__PURE__*/_jsx("div",{className:classNames({"media-left":!j,"media-right":j}),children:b}),/*#__PURE__*/_jsxs("div",{className:"media-body",children:[/*#__PURE__*/_jsx("div",{className:"tw-nudge__title media-heading h5",children:c}),/*#__PURE__*/_jsx("a",{href:e,className:"tw-nudge__link",children:d})]}),/*#__PURE__*/_jsx("div",{className:classNames({"media-right":!j,"media-left":j}),children:/*#__PURE__*/_jsx("button",{type:"button",className:"close",onClick:f,"aria-label":"close",children:/*#__PURE__*/_jsx(CrossIcon,{})})})]})};Nudge.propTypes={media:PropTypes.node.isRequired,title:PropTypes.node.isRequired,link:PropTypes.node.isRequired,href:PropTypes.string.isRequired,onDismiss:PropTypes.func.isRequired,id:PropTypes.string,className:PropTypes.string},Nudge.defaultProps={id:null,className:null};export default Nudge;
1
+ import"core-js/modules/es.string.link.js";import classNames from"classnames";import PropTypes from"prop-types";import CloseButton from"../common/closeButton";import{useDirection}from"../common/hooks";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Nudge=function(a){var b=a.media,c=a.title,d=a.link,e=a.href,f=a.onClick,g=a.onDismiss,h=a.id,i=a.className,j=useDirection(),k=j.isRTL;return/*#__PURE__*/_jsxs("div",{className:classNames("tw-nudge media",i),id:h,children:[/*#__PURE__*/_jsx("div",{className:classNames({"media-left":!k,"media-right":k}),children:b}),/*#__PURE__*/_jsxs("div",{className:"media-body",children:[/*#__PURE__*/_jsx("div",{className:"tw-nudge__title media-heading h5",children:c}),/*#__PURE__*/_jsx("a",{href:e,className:"tw-nudge__link",onClick:f,children:d})]}),/*#__PURE__*/_jsx("div",{className:classNames({"media-right":!k,"media-left":k}),children:/*#__PURE__*/_jsx(CloseButton,{size:16,onClick:g})})]})};Nudge.propTypes={media:PropTypes.node.isRequired,title:PropTypes.node.isRequired,link:PropTypes.node.isRequired,href:PropTypes.string.isRequired,onClick:PropTypes.func,onDismiss:PropTypes.func.isRequired,id:PropTypes.string,className:PropTypes.string},Nudge.defaultProps={id:null,className:null,onClick:void 0};export default Nudge;
@@ -1 +1 @@
1
- import PropTypes from"prop-types";import Header from"../header";import CloseButton from"../common/closeButton";import Logo from"../logo";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var OverlayHeader=function(a){var b=a.avatar,c=a.onClose,d=a.logo,e=c&&/*#__PURE__*/_jsx(CloseButton,{onClick:c});return/*#__PURE__*/_jsx(Header,{className:"np-overlay-header p-a-3",leftContent:d,rightContent:/*#__PURE__*/_jsxs(_Fragment,{children:[b,b&&e&&/*#__PURE__*/_jsx("span",{className:"separator"}),e]})})};OverlayHeader.defaultProps={avatar:null,logo:/*#__PURE__*/_jsx(Logo,{}),onClose:null},OverlayHeader.propTypes={/** An Avatar */avatar:PropTypes.element,logo:PropTypes.node,/** Function called when the close is clicked */onClose:PropTypes.func};export default OverlayHeader;
1
+ import PropTypes from"prop-types";import CloseButton from"../common/closeButton";import Header from"../header";import Logo from"../logo";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var OverlayHeader=function(a){var b=a.avatar,c=a.onClose,d=a.logo,e=c&&/*#__PURE__*/_jsx(CloseButton,{onClick:c});return/*#__PURE__*/_jsx(Header,{className:"np-overlay-header p-a-3",leftContent:d,rightContent:/*#__PURE__*/_jsxs(_Fragment,{children:[b,b&&e&&/*#__PURE__*/_jsx("span",{className:"separator"}),e]})})};OverlayHeader.defaultProps={avatar:null,logo:/*#__PURE__*/_jsx(Logo,{}),onClose:null},OverlayHeader.propTypes={/** An Avatar */avatar:PropTypes.element,logo:PropTypes.node,/** Function called when the close is clicked */onClose:PropTypes.func};export default OverlayHeader;